641px以上の場合に2段組みになるようなCSSファイル「lay04.css」を作成します(基準を「lay02.css」としている)。全体の幅の最大値は1200pxとしますが、それ以下の場合は95%にします。class=”seccontent”>の幅は今のところいくつでもよいが、とりあえず「75%」とした)。641px以上の場合に「lay04.css」が適用されるよう、「index.htm」を修正します。ウィンドウ幅を狭くすると、左のサイドメニューエリアに「公園メニュー」「お知らせ」のボックスが入りきらなくらなくなります。class=”seccontent”>の幅を「100%」にします。この状態では下のボックスは横に回り込まなくなります。それからさらに左余白を「-170px」とします。すると左に回り込み用の空間が170px分作成されます。class=”seccontent”>と重なってしまいます。class=”seccontent”>の内部左側に何も表示させない空間を作成します。そのため一旦、この内部を<div>で囲みます。あとでそこに対して左余白を設定します。class=”wrap02>に左余白170pxを設定しましょう。これでサイドメニューは固定幅「160px」になり、メインコンテンツは「(secallの幅)-170px」の幅となっています。ウィンドウ幅を広げてみましょう。サイドメニューの幅は固定ですが、メインコンテンツの幅はウィンドウ幅に依存するようになります。Reserved.広告ブロックブラウザーではコンテンツが表示できません。