css - Flexible div blocks -
css - Flexible div blocks -
i need 3 column block such that, if more content in center (middle column) - side blocks increased.
now have http://s2.ipicture.ru/uploads/20110714/nq6znrsb.png
html:
<div id="spoiler"> <div class="left">1</div> <div class="middle"> 2<br /> aaaaaaaaaaaaaaaaaaaaaaaaaa<br /> hhhhhhhhhhhhhhhhhhhhhhhhh<br /> aaaaaaaaaaaaaaaaaaaaaaaaaa<br /> aaaaaaaaaaaaaaaaaaaaaaaaaa<br /> </div> <div class="right">3</div> </div>
css:
#spoiler { width:500px; } .left, .middle, .right { background:#ffdac0; height: auto !important; height: 100%; /* ie6 */ } .left { float:left; width:100px; } .middle { float:left; width:300px; } .right { float:right; width:100px; }
help please!
i changed css.
http://jsfiddle.net/qvfwn/
#spoiler { width:500px; background:#ffdac0; float: left; } .left { float:left; width:100px; } .middle { float:left; width:300px; } .right { float:right; width:100px; }
css html
Comments
Post a Comment