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?


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

| improve this answer | |
  • yw Dan, I think you will enjoy almost all articles from Matthew James Taylor for webdesign. – Davis Peixoto Nov 5 '10 at 2:22

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

| 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
  • 2
    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 clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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