floatを使用して、中央を可変幅、左右を200pxと160px固定するレイアウトです。
左と中央を囲むcontainerでを作成し2段組のネガティブマージンと同様の方法で3段目を作成します。
HTMLは、メニューから 表示 −> ソース で確認してください。
#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; }