html - Pushing a div inside a div to the very bottom that works with IE7 -
i'm running in slight problem not able align , same effect chrome in ie7. trying accomplish push div background bottom of container div.
js fiddle : http://jsfiddle.net/mn34r/
code
<div class="container"> <img style="padding-top:20px; padding-bottom:20px" src="img/img.png"> <div class="description"><br> <span style="font-weight:bold;font-size:15px;">harry's nose</span><br> <button class="btn btn-small btn-primary" type="button"><i style="color:#fff; </i>read more</button> </div> </div>
css:
.container{ border:solid 1px #e2e2e2; height:327px; text-align:center; position:relative; } .description{ height:110px; background-color:#f1f1f1; text-align:center; bottom:0; width:100%; position:absolute }
any appreciated.
thank you.
in ie7 top:
overwrites bottom:
, need use ie6/7 hack css expressions.
#forcebottom { position:absolute; top:expression( document.documentelement.scrolltop + document.documentelement.clientheight - this.clientheight ); }
Comments
Post a Comment