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

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -