メニュー

• はじめに

• レイアウトの考え方

• レイアウトの構造

• レイアウトコンテナ挿入

• HTMLタグの初期化

• メイン

• ヘッダ

• コラム

• コンテンツ

• フッタ

• ナビゲーション準備

• ナビゲーション

• 文字入力

• スタイル設定

• 問い合わせ

CSSレイアウトの構造

ここで作成するレイアウト（領域）は下図のとおり。

• 

６個のレイアウトコンテナで構成され、そのうちの５つはブロックに分け、残りの一つで各ブロックをまとめます。

ヘッダは、背景にバナーの画像を表示します。ナビゲーションは、リストマークをタブのような外観にします。コラムとコンテンツは、回り込み （float属性） を設定して左右に配置してマルチカラム （段組みレイアウト） にします。フッタは回り込みを解除して、一番下側にレイアウトします。

次ページ：　レイアウトコンテナの挿入