1 reply [Last post]
mattcoady
mattcoady's picture
User offline. Last seen 1 year 39 weeks ago. Offline
newbie
Timezone: GMT-7
Joined: 2010-08-20
Posts: 1
Points: 2

So here's my issue. My page is divided into 3 horizontal strips:

[header]
[body]
[footer]

The header is about 200px high, the body height expands with the content and the footer is about 150px. I have the footer positioned absolute with bottom set at 0 so it'll follow the browser window height. The issue I run into is if the vertical height of the browser window is too short the footer overlaps the body. Is there a way to set the footer to follow the window but stop when it reaches the body?

Regards

Tyssen
Tyssen's picture
User offline. Last seen 1 day 21 hours ago. Offline
rank Moderator
Moderator
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8140
Points: 1322

Sticky footer

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference