中央可変幅の3段組+Header+Footer

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

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

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

フッターをHTML内のどこに指定するかがポイントとなります。

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

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

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

[Download CSS]