Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations sizbut on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

3 column layout - float or fixed

Status
Not open for further replies.

Cullen411

Programmer
Aug 17, 2005
89
GB
I'm looking at a 3 column layout design, should I go for a Float or fixed position. What would be the benefits of floating column over fixed?

I've come across this tutorial and this appears to more or less suit my needs, I just wanted to check out the advantages and disadvantages of both options.

thanks.
 
Your question is confusing since you seem to be mixing two different things. Fixed applies to units, where a fixed design is one that is limited to certain size in pixels or other absolute units, while fluid design is one that adjusts according to the screen size since it is specified in percentages.

On the other hand, a three column layout can be achieved either with absolute positioning or floats. Absolute positioning works by having the main column not positioned and side columns absolutely positioned and floats work by floating columns next to each other.

I suppose there might be positive aspects to both, however I think that fluid design in floats is the best way to go. The example you've pointed to seems to be a pretty good one and I would go with that were I you.
 
Sorry, I should have been clearer and said absolute and floats rather than fixed and floats.

The holy grail confuses me slightly
I realise that it's built to cope with IE5 and the incorrect box model, though I'm trying to get my head around the leftcontent and centercontent

Is it that in IE 5, the leftcontent would be 200 px in width therefore the centercontent has a margin-left: 199px; and a
border:1px solid #000;

and in other more compliant browsers the
leftcontent would be 202px wide with a border:1px solid #000; and margin-left: 201px; and in this case the border overlaps

does this make sense?

thanks for your help.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top