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

user interface - Python attempting to create a simple gui, getting "AttributeError: 'MainMenu' object has no attribute 'intro_screen'" -

jquery - Common JavaScript snippet to share files on Google Drive, Dropbox, Box.net or SkyDrive -

Android Gson.fromJson error -