Container fix width. Center div dynamic width. want left right divs to fill out remaining width equally
Posted
by
james
on Stack Overflow
See other posts from Stack Overflow
or by james
Published on 2012-09-18T09:32:58Z
Indexed on
2012/09/18
9:37 UTC
Read the original article
Hit count: 300
Have Three columns..Combine width of all three is fixed.. 2nd ( center ) column will have dynamic content.. I need left and right column to fill out remaining space ( container width - center column dynamic width )equally.
Example: http://jsfiddle.net/htKje/
<div class="container">
<div class="bg"></div>
<div>Lorem Ipsum</div>
<div class="bg"></div>
</div>
CSS :
.container { width:500px; }
.bg {backgrould:#CCC; }
© Stack Overflow or respective owner
