Faux Columns

The Faux Columns method was first introduced by Dan Cederholm in his 2004 article for A List Apart, and in his book Web Standards Solutions.

by Wentz Wu

HTML

<div id="wrapper">
  <div class="left">
    box1
  </div>
  <div class="right">
    <p>box2</p>
    <p>box2</p>
    <p>box2</p>
  </div>
</div>

CSS

#wrapper {
  background-color: #AAA;
  width: 100%;
  color: white;
  overflow: auto;
  background-color: blue;
}

.left {
  width: 30%;
  float: left;
  background-color: blue;
}

.right {
  width: 70%;
  float: left;
  background-color: green;
}