2 replies [Last post]
slippy
Offline
Enthusiast
Last seen: 10 years 13 weeks ago
Timezone: GMT+1
Joined: 2005-01-24
Posts: 155
Points: 4

I'm trying to adapt the following CSS layout example to have 3 fixed columns instead of the current two:

http://www.ssi-developer.net/main/templates/temps/2c-hd-ft-fixed.htm

The bit I am mostly interested in is managing 3 fixed width columns next to each other. What is the best way to do this? Is it better to make them floats or to make them absolutely positioned, or any other method?

slip

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 3 years 43 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

3 fixed-column layout

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 46 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

3 fixed-column layout

your question can most likely be answered in what you want to have happen dependent on different browser widths.

- if its narrower than your base design, should the window scroll horizontally or should one of the columns be placed below the others?

- if its wider, are you happy with lots of space on one or both sides of your design.

Floats do give you greater flexibility. But if you are happy with a fixed width design and horizontal scrolling, then position absolute is likely to be easier to get to work in more screen based browsers. But structure your html right and you can use either, potentially position:absolute for greater control on PC screen or printed layouts and floats for portable devices.