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):
<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
Post a Comment