3 replies [Last post]
CeceV
CeceV's picture
Offline
newbie
New York
Last seen: 17 years 21 weeks ago
New York
Joined: 2003-12-16
Posts: 6
Points: 0

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.

:?

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

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.

Big John
Big John's picture
Offline
Enthusiast
Arizona
Last seen: 17 years 28 weeks ago
Arizona
Timezone: GMT-7
Joined: 2003-10-29
Posts: 94
Points: 0

3col layout with footer

Here's two excelent pages covering both 3-col layouts,
and footers in particular:

http://css-discuss.incutio.com/?page=ThreeColumnLayouts

http://css-discuss.incutio.com/?page=FooterInfo

http//www.positioniseverything.net/

JohnO
Offline
Regular
Rochester NY
Last seen: 17 years 21 weeks ago
Rochester NY
Timezone: GMT-5
Joined: 2003-12-18
Posts: 16
Points: 0

3col layout with footer

it's not easy at all.. height's in CSS don't go over well..