CSS Push Div to bottom of page.

Question

I want the footer to always be at the bottom of the page even if the content doesn't push it all the way down. How can I make it just stay at the bottom of the page?

Answer 1

See CSS Sticky Footer or New CSS Sticky Footer.

Answer 2

If you always want it to be at the bottom of the visible page even when the content pushes down further than the viewable area try absolutely positioning the div and adding a margin to the bottom of your page.

Answer 3

 #footer { position: fixed; bottom: 0; }