3-coll fixed fluid fixed

by Christopher O

HTML

<div id="contentwrapper">
  <div id="contentcolumn">
    <div class="innertube"><b>Center Col - Fluid</b> </div>
  </div>
</div>

<div id="leftcolumn">
  <div class="innertube"><b>Left Col</b></div>
</div>

<div id="rightcolumn">
  <div class="innertube"><b>Right Col</b></div>
</div>

<br class="clearflt">
<p>This was adapted from: <a href="http://www.dynamicdrive.com/style/layouts/item/css_liquid_layout_31_fixed_fluid_fixed/">Here</a></p>

CSS

body {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}

#contentwrapper {
  float: left;
  width: 100%;
}

#contentcolumn {
  margin: 0 115px 0 110px;
  /* Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth */
  background-color: green;
}

#leftcolumn {
  float: left;
  width: 110px;
  /*Width of left column*/
  margin-left: -100%;
  background: #C8FC98;
}

#rightcolumn {
  float: left;
  width: 115px;
  /* Width of right column */
  margin-left: -115px;
  /* Set left margin to RightColumnWidth */
  background: #FDE95E;
}

.innertube {
  margin: 10px;
  /* Margins for inner DIV inside each column (to provide padding) */
  margin-top: 0;
}
.clearflt{
  clear: both;
  height:0;
}