TheFilmGod Posted June 28, 2007 Share Posted June 28, 2007 I finished making a template for my website. If the page is too short, to small in vertical size the footer is shifted up. It doesn't look too bad, so its not the end of the world, but it just won't stay down like it should. Is there a CSS rule that would make it GO DOWN! This is the footer's rules: #footermainPan{ height:85px; background:url(images/footerbg.gif) 0 0 repeat-x #fff; color:#010101; clear:both; padding:72px 0 0; width: 778px; margin:0px auto; } how could I make it GO DOWN? Thanks in advance! Mucho mucho gracias! Quote Link to comment https://forums.phpfreaks.com/topic/57511-footer-go-down/ Share on other sites More sharing options...
ToonMariner Posted June 28, 2007 Share Posted June 28, 2007 position: absolute; bottom: 0; you will will probably need to have the footer as a child of the body tag and give teh body tag position: relative and give the html and body 100% height. Quote Link to comment https://forums.phpfreaks.com/topic/57511-footer-go-down/#findComment-284769 Share on other sites More sharing options...
jcombs_31 Posted June 28, 2007 Share Posted June 28, 2007 ToonMariner, your solution works fine if the content never grows to the bottom of the page, otherwise the footer will overlap the content. A solution is found here http://www.themaninblue.com/writing/perspective/2005/08/29/ Quote Link to comment https://forums.phpfreaks.com/topic/57511-footer-go-down/#findComment-284773 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.