Fluid / Fluid / 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: left;
width: 100%;
}

.center-rail{
margin: 0 35% 0 35%;
background: red;
}

.left-rail{
float: left;
width: 33%; /*Width of left column in percentage*/
margin-left: -100%;
background: #C8FC98;
}

.right-rail{
float: left;
width: 33%; /*Width of right column in pixels*/
margin-left: -33%; /*Set margin to that of -(RightColumnWidth)*/
background: #FDE95E;
}