Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am doing a new site and I need a footer area to appear at the bottom of the content (much like this site), but I want it to appear at the bottom of the window when there is less content than requires a scrollbar.

For example: http://odata.stackexchange.com/

...has a footer, but on a large screen it appears in the middle of the page. I want it to attach to the bottom of the window but geet there is more text in which case it floats beneath the content.

I hope I have described my problem sufficiently :-)

Does anyone have any ideas or help with this?

share|improve this question
up vote 8 down vote accepted

The best tutorial I know about it: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

share|improve this answer
This is exactly what i needed, thanks Dave – Dan Nov 4 '10 at 22:28
yw Dan, I think you will enjoy almost all articles from Matthew James Taylor for webdesign. – Dave Nov 5 '10 at 2:22

You'll be after CSS fixed position - position: fixed and bottom: 0, for example.

share|improve this answer
Just keep in mind IE6 (and maybe 7, not sure) don't support fixed positioning so they won't see the footer at the bottom of the page. – John Conde Nov 4 '10 at 20:23
Unfortunately, that is not what I am after as the text scrolls underneath it when the content is longer than viewable. I need the text to always push the footer to the end – Dan Nov 4 '10 at 20:34

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.