CSS Sticky Footer - With Margin -


i'm trying apply method of sticky footer: http://code.google.com/p/cleanstickyfooter/

it works great, however, have 1 problem. design particular site has 34px margin @ top of page. i've tried few ways of implementing it, either doing body {margin-top:34px} or doing container {margin-top:34px}.

however, in both cases, sticky footer gets messed up. when try compensate 34px, doesn't ever seem work out.

any ideas?

here's fiddle example: http://jsfiddle.net/jrzkb/

using modern clean css sticky footer, it's working (on firefox , ie9):

http://jsfiddle.net/jrzkb/1/

<body>     <header> header</header>     <article>lorem ipsum...</article>     <footer></footer> </body>  html {     position: relative;     min-height: 100%; } body {     margin: 0 0 100px; /* bottom = footer height */ } header {     background-color: green; } footer {     position: absolute;     left: 0;     bottom: 0;     height: 100px;     width: 100%;     background-color: blue; } 

Comments

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

sql - ASP.NET SqlDataSource, like on SelectCommand -

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -