3column

SiteTemplate02: 2-3Columun 4-5BOX BlogStyle

2008/05/30 Web Site No comments , , , ,

ちょっとテクニカルなレイアウトのWebサイトテンプレートその2。
中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。

このテンプレートはブログによくあるトップのみ3カラム、中が2カラムの構成で、ヘッダとフッタが横100%に見えるように作ってあります。
コンテンツ・サイドバーの量が多くなるのを想定した作りなので、中身が少ないとフッタが下にピッタリくっつきません。
We
並び順は上から、ヘッダ»グローバルメニュー»コンテンツ»サイドバー»フッタ。
フォントサイズ指定はYUIのやつ使ってます。
CSSのフィルタリングで使用しているif文については、IEのみに適用させるIFで解説しています。

SiteTemplate02

  • 2-3Columun 4-5BOX
  • XML宣言あり
  • ドキュメントタイプ:XHTML 1.0 Transitional
  • 文字コード:UTF-8

(さらに…)

3Column 5box Elastic TopExtra

2008/03/16 5BOX No comments ,

3Column 5box Elastic TopExtra

  • 3Columun 5BOX
  • #header>#extra>#menu(wrapper)>#content(wrapper)>#footer(wrapper)
  • XML宣言あり
  • 文字コード:UTF-8

(さらに…)

3Column 5box Fixed

2008/03/14 5BOX No comments ,

3Column 5box Fixed

  • 3Columun 5BOX
  • #header(wrapper)>#content(wrapper)>#menu>#extra>#footer
  • XML宣言あり
  • 文字コード:UTF-8

(さらに…)

3Column 5box Elastic

2008/03/08 5BOX No comments ,

3Column 5box Elastic

  • 3Columun 5BOX
  • #header>#content(wrapper)>#menu>#extra>#footer(wrapper)
  • XML宣言あり
  • 文字コード:UTF-8

(さらに…)