2012-06-07

[CSS] 2カラムのレイアウトでナビ幅固定・コンテンツ可変

今さらながらこんな基本中の基本をメモすることになるとは、、な記事ですが。

これまで作っていたサイトのほとんどが980ピクセル固定センタリングだったのですが、
今回は2カラムで左カラムはナビゲーションで幅を固定、右がメインで可変というレイアウトで、
右カラムの幅が可変になってくれなかったのでググッてみました。


参考サイト
http://www.tagindex.com/template/layout/2column_cha1.html

左ナビゲーションでfloat:leftにするのはわかるのですが、
ポイントは右の可変コンテンツをfloat:leftとかrightとかにするのではなく、
margin-leftで左ナビゲーションの幅を指定するところですね。

Comment:

Trackback URL: