html - sticky footer does not stay down when window is resized smaller and than scrolled -
i'm using sticky footer not stay down if resize window smaller , scroll up. image main wrapper not scaling down proplery if resize window.
working url: http://www.nvcc.edu/home/ssuh/footer/index2.html screenshot of problem - http://www.nvcc.edu/home/ssuh/footer/help.html
is there way keep footer on bototm of page until hits content?
html:
<body class="yui-skin-sam splash_asp"> <div id="parature_wrapper"> # has background image not scale right <div id="parature_content"></div> #this has backgorund image works. </div> <div id="footer"></div> </body>
css:
*, body { margin: 0; padding: 0; } body { font: 62.5% verdana, geneva, sans-serif; background: url(background.jpg) no-repeat center top fixed; height: 100%; } html { height: 100%; } #parature_wrapper { /* wrap of content */ width: 960px; margin: 0 auto; position: relative; background: url(topheader.png) no-repeat top left ; height: auto; min-height: 100%; margin-bottom: -30px} #parature_content { /* main page content goes here. left kb nav included. */ position: absolute; top: 166px; right: 20px; width: 630px; background:url(content-bg.png) repeat; font-size: 1.1em; /*height: 5000px; */ padding-top: 20px; padding: 20px;
}
#footer { clear:both; margin: 0 auto; background: url(footer-bg.png) no-repeat ; width: 918px; bottom: 0; position: relative; height:28px; border-top: solid 1px #a49a8b; border-left: solid 1px #a49a8b; border-right: solid 1px #a49a8b; }
you see/use ryan fait's sticky footer:
http://ryanfait.com/sticky-footer/
#footer's height: 30px #parature_content's top: 165px
maybe should set #parachute_content > .push's height (30+165)px adapt relative positioning of content area.
Comments
Post a Comment