CSS Layout Advice

[wyclef]

Hey, I was wondering if someone could take a look at this layout I want to make and offer some advice for how they'd approach it. I want to have an elastic based horizontally centered design with min-width 680 and max-width 1024 with the meat of the page being 3 column with the 2 cols on the right fixed width and then one on the left elastic.

[Seb Hughes]

Erm use divs for each and place then using position:absolute :P

[aldomatic]

LINK (http://blog.html.it/layoutgala/)

might help you out

[Refined]

Hello wyclef,

The top is relatively easy, no need to set width or position, just set the correct height.

I'd float: left; the middle 3 columns with the right two being your wanted fixed width. The problem here being that min-width does not work in IE6, therefore I try not to use it. It DOES hoever work in IE7 so I'm waiting for that day when everyone moves over to it :P

I'd try; a container for the middle 3 columns at 100%. float: left; all three columns and set the right two columns at your fixed width, whatever that may be.

For the footer use clear: both; to keep it at the bottom and you shouldn't need to set a width, just height again as with the header.

This is just a suggestion of course, from my preference, take it with a pinch of salt :P