I am trying to set up a CSS layout with 3 columns with a header and footer. ie
<header>
<col1><col2><col3>
<footer>
My layout works well with one problem. I would really like to have the footer flush to the bottom of the window not at the bottom of the longest column. In my case, all 3 columns are fluid, col2 is the main content column and usually the longest. The footer position is based on the length of this column.
If the length of the column is longer than the window size, this generates no problem. but if it is shorter than the window size, I have a footer in the center of the window.
The layout is pure CSS, with no tables. Does anyone have any clue how to get this footer position to the bottom.
:?
3col layout with footer
Hi CeceV,
Do a quick search for footer and you should find other posts on the same topic.
It's not an easy thing to do, there are differences in how browsers handle positioning of footers, and you must consider the content growing etc.
Once you have tried a few solutions let us know of any help we can give.
3col layout with footer
Here's two excelent pages covering both 3-col layouts,
and footers in particular:
3col layout with footer
it's not easy at all.. height's in CSS don't go over well..