html - Make Div A The Same Height As Fluid Div B -


i'm kinda stuck on something... i'm trying #right same height #left #right fluid. how go doing this?

 #container {     width: 960px;     margin: 0 auto; }  #left {     background: #ccc;     float: left;     padding: 10px;     width: 160px; }  #right {     background: #ccc;     float: right;     padding: 10px;     width: 750px; } 

-

<div id="container">     <div id="left">         test     </div>      <div id="right">         test     </div> </div> 

thanks.

you can applying background image that's simulates 100% height #left:

html

<div id="container">     <div id="left">         test     </div>      <div id="right">         test<br />test     </div>​ </div> 

css

#container {     width: 960px;     margin: 0 auto;     background: url(http://www.dummyimage.com/180x1/ccc/ccc.png) repeat-y;     overflow:hidden; }  #left {     background: #ccc;     float: left;     padding: 10px;     width: 160px;     height: 100%; }  #right {     background: #ccc;     float: right;     padding: 10px;     width: 750px;     height; 100%; }​ 

live demo: http://jsfiddle.net/tqkmw/
more information trick: http://www.alistapart.com/articles/fauxcolumns/


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -