a 2nd approach to 3 col layout

with 2 fixed, 1 variable width column in middle

by hrabinowitz

HTML

<div class="wrapper">
    <div class="center-wrapper">
        <div class="center">center</div>
    </div>
    <div class="left">left</div>
    <div class="right">right</div>
</div>

CSS

html, body {
    margin: 0;
    padding: 0;
    border: 0 none;
    line-height: 1.5em;
}
.center-wrapper {
    float:left;
    width:100%;    
}
.center {
    margin-right: 150px;
    margin-left: 50px;
    margin-bottom: 0px;
    margin-top:0px;
    background: yellow;
}
.right {
    width: 150px;
    margin-left: -150px;
    float: left;
    background: #ccc;
}
.left {
    width: 50px;
    margin-left: -100%;
    float: left;
    background: #C8FC98;
}