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