CODEWITHSUNDEEP
htmlcss
FrozenMicrowavedPIzza
FrozenMicrowavedPIzza

Reputation: 261

CSS Push Div to bottom of page

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?

Upvotes: 25

Views: 61298

Answers (2)

Bryan A
Bryan A

Reputation: 3634

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

Upvotes: 33

Michael Krauklis
Michael Krauklis

Reputation: 3954

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.

Upvotes: 2

Related Questions