Fixed / Fixed / Fluid

by helpinspireme

HTML

<div class="content-shell">
<div class="center-rail">Center</div>
</div>

<div class="left-rail">Left</div>

<div class="right-rail">Right</div>

CSS

.content-shell{
float: right;
width: 100%;
margin-left: -430px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
}

.center-rail{
margin-left: 430px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
}

.left-rail{
float: left;
width: 230px; /*Width of left column in pixels*/
background: #C8FC98;
}

.right-rail{
float: left;
width: 200px; /*Width of right column in pixels*/
background: #FDE95E;
}