Q: how to have flexible height with fixed width 
*

*The page has flexible width from 980px to 1200px

*Has 3 columns 

*Left column is fixed width

*Middle Column is flexible and large ( so all the extra width will go into this column)

*Right column is fixed width


Problem


*

*Middle Column store a huge articles, however when left and right column is fixed width, it set the height of the whole page.

*Thus it trim the articles

*How to set the middle column as flexible height so that it shows the whole article??**
Sample Code
<div class="col_2">
</div>
<div class="col_1">
</div>
<div class="col_3">

.col_1{padding-left:230px; padding-right:259px;position:absolute; }
.col_2{width:210px; float:left;}
.col_3{width:210px; float:right; margin-right:10px;}


A: You can try "The Holy Grail" from A List Apart. Its a three colum fixed left/right liquid centre layout.

A: For a three-column, left/right fixed, center liquid layout, try:
CSS Three Column Liquid Layout by Mani Sheriar
