ここからは3段組みのレイアウトを設定する方法を学習します。空のCSSファイル「lay01.css」を作成してください。「index.htm」にリンクしてください。全体の幅「880px」、中央部「540px」、左右のメニュー(公園メニュー+お知らせ)を「160px」にする予定です。3段組みにする場合、まず上の2セクションを2段組みにする設定をします。全体の幅を決め、上部2セクションにfloatの設定をします。「lay01.css」に以下のように追加しましょう。最後のセクションがおかしい位置に入りますが気にしません。次に2段組みにした部分を1まとめにし、そこと最後のセクション(お知らせ)をさらに2段組みにするのです。class=”wrap01′′>でまとめましょう。class=”secsubmenu02′′>を右にfloatさせましょう。「str.css」に追加します。フッターセクションにはfloatの解除設定を済ませてあります。Reserved.広告ブロックブラウザーではコンテンツが表示できません。