fluidLayoutPosition

Three column

by ramesh valasa

HTML

<div id="contentwrapper">
  <div id="contentcolumn">
    <div class="innertube">
      variable container
    </div>
  </div>
</div>
<div id="leftcolumn">
  <div class="innertube"><b>Left Column: <em>230px</em></b> </div>
</div>
<div id="rightcolumn">
  <div class="innertube"><b>Right Column: <em>200px</em></b> </div>
</div>

CSS

html, body {
  height: 100%;
  width: 100%;
}
#contentwrapper {
    width: 100%;
    height: 100%;
}

#leftcolumn {
    position: absolute;
    top: 0;
    height: 100%;
    width: 230px;
    background: #C8FC98;
}

#rightcolumn {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 100%;
    background: #FDE95E;
}

#contentcolumn {
    margin: 0 200px 0 230px;
}

.innertube {
    margin: 10px;
    margin-top: 0;
}