two column layout

http://stackoverflow.com/questions/11964927/restrict-the-resizing-of-div-on-browser-resize/

by lammie71

HTML

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

<div id="container">
    <div id="left">LEFT</div>
    <div id="main">MAIN</div>
    <div style="clear:both"></div>
</div>

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

CSS

html,body {
  margin:0;
  padding:0;
  height:100%;
  background-color:#ccc;
}

#header {
  background-color:#ccf;
}



#left {
  float:left;
  width:50%;
  background-color:#cfc;
  padding-bottom:9999px;
  margin-bottom:-9999px;
}

#main {
  position:relative;
  margin-left:200px;
  background-color:#ffc;
  padding-bottom:9999px;
  margin-bottom:-9999px;
  width:50%;
}

#footer {
  background-color:#fcc;
}