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

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -