CSS help: 3 columns, header and footer

I can’t seem to figure out how to do this layout using only CSS, so if there’s a CSS guru that can shed some light on this, or point me to a good tutorial that would be much appreciated.

I’d like the second column (header and content) to resize but no to become smaller that say 400 px. Unfortunately, I read that the min-width isn’t supported by IE, so I’m not sure how to do that.
Furthermore, the footer has to be at the bottom of the page at all times, but again: no luck so far.

So what I mean to say is: help!! :stuck_out_tongue:


Here is a link to an example of a 3 column layout with header and footer.



Thanks a lot! :thumb:

Hope you don’t mind if I have 1 more question: would it be possible to specify a minimum width for the main content area so that it cannot shrink below that?


for the min width

for the 3 column