positionとfloatの合わせ技。IEでのバグ対策が最大のポイントか・・。
カテゴリー: 4BOX
4つセクションがあるレイアウトいろいろ
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の高さが低くなっても崩れない。
1Column 4box FloatingMenu
1カラム4BOXのレイアウトテンプレート。右側に絶対配置のメニュー。
1Column 4box Fixed
1カラム4BOXのレイアウトテンプレート。xml宣言ありの中央配置サンプルにも。