#leftbar{
  float: left;
  width: 200px;
  margin-right: -200px;
  background: #c8dae1;
}

floatを使用して、中央を可変幅、左右を200pxと160px固定するレイアウトです。

左と中央を囲むcontainerを作成し2段組のネガティブマージンと同様の方法で3段目を作成します。

#container {
  width: 100%;
  float: left;
  margin-right: -160px;
}

content内の要素に左右のマージンを設定し3段組を作成します。

#content{
  float:left;
  width:100%;
}
#content * {
  margin-left: 200px;
  margin-right: 200px;
}
#content * * {
  margin: 0;
  padding: 0;
}

[Download CSS]

#rightbar {
 width:160px;
 float: right;
 background:#6cc;
}