Make a Footer Stick to the Bottom of the Page

One of the problems I ran across when doing web page layout. Is the ability to get a footer to hug the bottom of the browser window regardless of the length of the pages content. Then once I arrived at a solution, it didn’t work in all my target browsers. The below solution is the best I’ve seen to date. Check out Ryan Fait’s page for the information.

Make a Footer Stick to the Bottom of the Page: CSS Sticky Footer is Cross-Browser

There are several ways to make a footer stick to the bottom of a page using CSS. But until now, they’ve used long and messy hacks or a lot of extra HTML markup; this method uses only 15 lines of CSS and hardly any HTML markup. Even better, it’s completely valid CSS, and it works in all major browsers. Internet Explorer 5 and up, Firefox, Safari, Opera and more.


Leave a Reply

Your email address will not be published. Required fields are marked *