当サイトでは3カラムのレイアウトになっているので、左右真ん中どちらかの2つを1つのdivでくるまなければなりませんが、左と真ん中のカラムを1つのカラムにくるんでいます。

このdivをfloatで左に寄せて、右側のカラムのdivを右寄せにして3カラムのレイアウトを形成することができます。

実際の設定

左側のナビとメインの中央カラムを含む左よせの<div>


float:left;
width:645px;
margin:0px;
padding:0px;

特に難しい設定ではないですね。ただ単に左、真ん中のカラムをまとまるdivなのでfloatの設定以外は幅とmargin,paddingをゼロにするくらいでOKでした。

このdivの幅は左、真ん中のカラムの幅の合計の幅にしています。

2009-06-27

当サイトの更新情報はRSSで配信してます。feed RSSはこちら>>
よろしければご使用のRSSリーダーにご登録ください。
My Yahoo!に追加 Add to Google Subscribe with livedoor Reader はてなRSSに追加