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

Popular posts from this blog

iphone - Dismissing a UIAlertView -

intellij idea - Update external libraries with intelij and java -

javascript - send data from a new window to previous window in php -