layout.css
サイト全体の大まかなレイアウトブロックのレイアウトのみを設定。
デザイン、ブロック内部のコンテンツレイアウトは別CSSにて設定する。
デザイン、ブロック内部のコンテンツレイアウトは別CSSにて設定する。
SAMPLE
/*** 大外枠 ***/ #outline { position: relative; margin: 0 auto; text-align: left; background-color: #FFF; z-index: 0; width: 732px; }
/*** ヘッダー ***/ #header { position: relative; width: 732px; height: 36px; background-color: #Fc9; z-index: 10; }
/*** フッター ***/ #footer { width: 732px; margin: 0 auto; text-align: left; z-index: 10; }
/*** メニューその1(ヘッダメニュー) ***/ /** デザイン詳細は parts_menu.css **/ #menuCont1 { width: 732px; height: 20px; overflow: hidden; z-index: 20; }
/*** コンテンツ ***/ /** サイト内容記述領域。詳細は object.css で規定 **/ #contents { width: 732px; min-height: 360px; _hight: 360px; z-index: 1; }