【#infomation】

News

  1. subjects001
  2. subjects002
  3. subjects003

Link

  • site001
  • site002
  • site003
【#contents】

CSS_box5：3段組みレイアウト

本体CSS

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

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

見出し関係

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