では、幅固定レイアウトを2段組レイアウトに変更していきましょう。「contents」の中を「navi」と「main」の2つの領域に分けます。今までと同じようにそれぞれ<div>要素を使い、属性として「id=navi」と「id=main」を指定して作成します。 構成的には下記のような感じとなります。 「navi」を左側に、「main」を右側に配置しますので、「float」プロパティを使い「navi」には「float:left」を、「main」には「float:right」を設定します。またそれぞれの領域の幅も「width」プロパティで設定します。 #wrapper{ margin:0 auto 0 auto; padding:0; background-color:#ffffff; width:450px; } #contents{ margin:0; padding:0; width:45