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