ページをレイアウトする。【css tips】

ウェブページのレイアウトはあまりバリエーションはなく大きく別けると3つに分類できます。

1カラムレイアウト、2カラムレイアウト、３カラムレイアウトと呼ばれるレイアウトで、それぞれ、カラムつまり列の数が異なる。(コラムと発言する方も多いです)


csslayout.gif

ちなみに、このblog(とあるWEBクリエイターのblog)は２カラムレイアウト、SEO対策TIPSは3カラムレイアウトでレイアウトしています。

さらに２カラムレイアウトは右側にメニューのある『左メニューレイアウト』と右側にある『左メニューレイアウト』に分別できる。(当blogは右メニューレイアウト)

また、それぞれのレイアウトはブラウザの幅によって可変するリキッドデザイン、固定幅のフィックス(fix)デザインに分別されます。

この８種類のレイアウト手法さえマスターしてしまえば他のCSSレイアウトこれの応用でどうにかなります。

スポンサードリンク

«WordPressにRSSリーダーを追加する | メイン | 1カラムフィックスレイアウト【css tips】»