【#contents】

CSS_box4:2段組みレイアウト

本体CSS

本体の段組用CSS。中央配置、分割スクロール無し、幅700px、縦成り行き。
本来は、これにマージンの設定などを加えて使用する。

* { ※省略 }
body { ※省略 }
#base { margin: 0 auto; padding: 0; position: relative; width: 700px }
#header { background-color: gray; margin: 0; padding: 0; height: 200px }
#main { background-color: silver; margin: 0; padding: 0 }
#navigation { background-color: silver; margin: 0; padding: 0; position: absolute; top: 200px; left: 0; width: 200px }
#contents { background-color: white; margin: 0 0 0 200px; padding: 0; width: 500px }
#footer { background-color: gray; text-align: center; margin: 0; padding: 0 }

見出し関係

外部スタイルシートから、見出し関係のCSS本文用【.category】とナビ用【.navicategory】の2パターン使用