CSS footer at the bottom with certain conditions -
is possible create footer @ bottom of page , when page height example 500px, footer stay @ place , not @ bottom after height value?
this footer stay @ bottom ok, when page height under 500px still there, possible use css make such rule ?
.footer { position: absolute; bottom: 0; left: 0; }
@newbie; may that's have do.
css:
.wrapper { position: relative; width: 700px; font-size: 0.9em; margin: 0 auto -142px; background:yellow; } .header { height: 190px; background:green; } .footer { position: relative; width: 700px; margin: 0 auto; background:red; } * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142px; .footer, .push { height: 142px; }
check example http://jsfiddle.net/sandeep/tcdpx/3/
check more stickyfooter
Comments
Post a Comment