PDA

View Full Version : Make footer stick to bottom of window



Raikiri
Mar 10th, 2010, 08:22 PM
How would I make my footer stick to the bottom of the page when my content is not tall enough to stretch the container the length of the page?

website page is www[.]konoha[-]village[.]com[/]wordpress

thanks

harrierdh
Mar 10th, 2010, 08:47 PM
http://ryanfait.com/sticky-footer/

Major Payne
Mar 12th, 2010, 02:32 AM
Also for fotter at bottom:

http://www.zymic.com/tutorials/html/effective-footers/

http://www.cssstickyfooter.com/
http://www.cssstickyfooter.com/using-sticky-footer-code.html

http://css-tricks.com/sticky-footer/

http://www.webresourcesdepot.com/cross-browser-css-sticky-footer/

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ (Direct Link)

SOURCES (http://www.google.com/search?q=Sticky+footers&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a)

linehand
Mar 12th, 2010, 06:23 AM
When I was trying to do this a while back I found most of those pages and tried a number of different methods. Most of them had some shortcoming or failed to work with my particular layout. In the end I found this method was the simplest, most flexible, and reliable method which I have come across. It was also the only method I tried that didn't run into major complications with the layout I was working on.

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page