Cross Browser CSS Sticky Footer
23
Jan
Forcing a footer to stick to the bottom of a page is sometimes challenging.
CSS Sticky Footer presents a cross browser solution including Google Chrome.
When compared to some other popular solutions, it works with floated 2-column layouts & no overlaps occur in resized browsers. Also, no empty divs required for pushing.
A how-to on using CSS Sticky Footers can be found here.
Requirements: No Requirements
Compatibility: All Major Browsers
Website: http://www.cssstickyfooter.com/
Compatibility: All Major Browsers
Website: http://www.cssstickyfooter.com/
- Tags:
Footer
- Filed under: Design, No License, Xhtml & Css
- 3 Comments
3 Responses for "Cross Browser CSS Sticky Footer"
I just had to say that CSS Sticky Footer looks a lot like footerStickAlt by Cameron Adams, which had been around since -05.
http://themaninblue.com/experiment/footerStickAlt/
I found this yesterday, big fan!
the Man in Blue solution uses an empty div below all the content, much like the Ryan Fait solution. The solution on cssstickyfooter.com does not use an empty div to clear things, or provide an extra push.