Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

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
add comment

2 Answers

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
add comment

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
1  
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
add comment

Your Answer

 
discard

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.