How do you get the footer to stay at the bottom of a Web page?

Posted by Bill the Lizard on Stack Overflow See other posts from Stack Overflow or by Bill the Lizard
Published on 2008-09-03T18:51:17Z Indexed on 2010/04/20 3:03 UTC
Read the original article Hit count: 445

Filed under:
|
|
|
|

I have a simple 2-column layout with a footer that clears both the right and left div in my markup. My problem is that I can't get the footer to stay at the bottom of the page in all browsers. It works if the content pushes the footer down, but that's not always the case.

Update:

It's not working properly in Firefox. I'm seeing a strip of background color below the footer when there's not enough content on the page to push the footer all the way down to the bottom of the browser window. Unfortunately, this is the default state of the page.

© Stack Overflow or respective owner

Related posts about html

Related posts about css