メインビジュアルをヘッダー直下に置き、その下にナビゲーション、さらにその下を2カラムに分割して、左側にメニュー、右側にコンテンツを配置したレイアウト。メニューが多くなりがちな商業サイトでよく採用されている。
タグ: 2column
SiteTemplate06: PhantomWhite
ちょっとテクニカルなレイアウトのWebサイトテンプレート。コンテンツ少なめの個人サイトやブログ向け。フォントサイズは10px前後で固定、表示エリアもかなりコンパクトです。White x Gray。
SiteTemplate05: PhantomBlack
ちょっとテクニカルなレイアウトのWebサイトテンプレート。コンテンツ少なめの個人サイトやブログ向け。フォントサイズは10px前後で固定、表示エリアもかなりコンパクトです。Black x Aqua。
SiteTemplate03:2Column 5box CenterVisual&TabMenu
ちょっとテクニカルなレイアウトのWebサイトテンプレートその3。 中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。 このテンプレートは上にタブメニュー、中央にメインビジュアル用のwi […]
SiteTemplate02: 2-3Columun 4-5BOX BlogStyle
ちょっとテクニカルなレイアウトのWebサイトテンプレート。このテンプレートはブログによくあるトップのみ3カラム、中が2カラムの構成で、ヘッダとフッタが横100%に見えるように作ってあります。
2Column 6box Elastic LeftExtra
メニューエリアが広いのでアフィも並べやすそう。
2Column 4box Fixed L-hlv
positionとfloatの合わせ技。IEでのバグ対策が最大のポイントか・・。
2Column 5box Elastic TMLE
上と下がそれぞれ2カラム。オーソドックスです。
2Column 4box Floating LeftMenu
position:absoluteでメニューを浮かせてあります。実用性は低いかも。
2Column 4box Fixed RightMenu
position:absoluteを使ったレイアウト。#contentの高さが出ないレイアウトには不向き。
2Column 4box Fixed LeftMenu
Float使用、横幅固定で中央寄せ。コンテンツの量が少ないサイト向き。
2Column 4box Elastic RightMenu
position:absoluteを使ったレイアウト。#contentの高さが出ないレイアウトには不向き
2Column 4box Elastic LeftMenu
Floatを使ったレイアウト。#menuよりも#contentsの高さが低くなっても崩れない。