# CSS help: 3 columns, header and footer

**URL:** <https://forum.kirupa.com/t/css-help-3-columns-header-and-footer/118430>\
**Category:** Uncategorized\
**Created:** [August 5, 2004, 10:31am UTC](https://forum.kirupa.com/t/css-help-3-columns-header-and-footer/118430 "2004-08-05T10:31:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Flashmatazz](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/flashmatazz/32/140_2.png) [@Flashmatazz](https://forum.kirupa.com/u/Flashmatazz)\
**Post date:** [August 5, 2004, 10:31am UTC](https://forum.kirupa.com/t/css-help-3-columns-header-and-footer/118430/1 "2004-08-05T10:31:05Z")

</div>

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!! 😛

---

<div class="post-metadata">

**Author:** ![Johnny\_Gulag](https://avatars.discourse-cdn.com/v4/letter/j/e36b37/32.png) [@Johnny\_Gulag](https://forum.kirupa.com/u/Johnny_Gulag)\
**Post date:** [August 6, 2004, 3:21pm UTC](https://forum.kirupa.com/t/css-help-3-columns-header-and-footer/118430/2 "2004-08-06T15:21:10Z")

</div>

Hello

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

[http://www.pmob.co.uk/temp/3colfixedtest\_4.htm](http://www.pmob.co.uk/temp/3colfixedtest_4.htm)

Later  
Johnny

---

<div class="post-metadata">

**Author:** ![Flashmatazz](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/flashmatazz/32/140_2.png) [@Flashmatazz](https://forum.kirupa.com/u/Flashmatazz)\
**Post date:** [August 6, 2004, 6:42pm UTC](https://forum.kirupa.com/t/css-help-3-columns-header-and-footer/118430/3 "2004-08-06T18:42:21Z")

</div>

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?

Cheers.

---

<div class="post-metadata">

**Author:** ![nykoelle](https://avatars.discourse-cdn.com/v4/letter/n/b5a626/32.png) [@nykoelle](https://forum.kirupa.com/u/nykoelle)\
**Post date:** [August 8, 2004, 9:10pm UTC](https://forum.kirupa.com/t/css-help-3-columns-header-and-footer/118430/4 "2004-08-08T21:10:49Z")

</div>

[http://www.w3schools.com/css/pr\_dim\_min-width.asp](http://www.w3schools.com/css/pr_dim_min-width.asp)  
for the min width

[http://www.pixy.cz/blogg/clanky/css-3col-layout/](http://www.pixy.cz/blogg/clanky/css-3col-layout/)  
for the 3 column