css - force footer on bottom on pages with little content -
i have page couple of lines of content. want footer pushed bottom.
<div id="footer"></div>
i don't want use
#footer { position:fixed; bottom:0; }
aka sticky footer
is possible without jquery?
any suggestions?
there sticky footer doesn't use position fixed;
* { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; /* line , next line not necessary unless need ie6 support */ height: 100%; margin: 0 auto -155px; /* bottom margin negative value of footer's height */ } .footer, .push { height: 155px; /* .push must same height .footer */ } /* sticky footer ryan fait http://ryanfait.com/ */
Comments
Post a Comment