CSS Sticky Footer
Thursday, 22 January 2009Getting a page’s footer to stick to the bottom of the page is a common and oddly hard-to-solve problem with pure CSS and HTML. The problem lies in the fact that the content in the page must be taller than the window’s viewport in order to anchor anything to the bottom of the page or else it’ll seem to float in the middle of the page.
Luckily there is now an elegant solution to the problem. Enter the New CSS Sticky Footer:
This sticky footer solution is working in all major browsers, including Google Chrome!. It works with floated 2-column layouts and we don’t get overlap in resized browser windows unlike older solutions you find when you Google sticky footer. And you don’t need an empty push div.



