Holy Grail Layout

HTML

<div id="header">#header</div>

<div id="container">
   
  <div id="center" class="column">#center</div>
  <div id="left" class="column">#left</div>
  <div id="right" class="column">#right</div>
  
</div>

<div id="footer">#footer</div>

CSS

#header, 
#footer {
  background-color: #c9c9c9;
}

#container .column {
  float: left;
}

#center {
  width: 100%;
}
#left {
  width: 200px;  /* LC width */
}
#right {
  width: 150px;  /* RC width */
}
#footer {
  clear: both;
}