Home > 無料テンプレート

(X)HTML+CSSテンプレート枠

テンプレートはレイアウト枠のみの配布となります。

段組は最大幅と最小幅を指定するmax-width/min-widthを使用したレイアウトです。最大幅と最小幅について

サイドバー部分固定幅で、最大幅1200px、最小幅800pxに指定してあります。最大幅と最小幅についてはコピー後にCSSを書き換えて下さい。

現状では、サイドバー部分[180px]ですがpadding指定で実質170pxとなっています。

IE向けには別のCSSファイルを用意しました。下記部分を[ ie-base.css ]として(X)HTMLファイルと同じ階層へ保存して下さい。max-width/min-widthについて理解している方は[ base.css ]にまとめて記述しても結構です。

@charset "shift_jis";

#wrapper{
  width: expression(
  (document.documentElement.clientWidth > 1201)? "1200px":
  (document.documentElement.clientWidth < 801)? "800px":
 "90%");
}
/*
-- 変更方法 --

[base.css] #wrapper{ max-width: 1600px; min-width: 600px; }

このCSSファイル

[最大幅] 1201? "1200px" --- 1601? "1600px"
[最小幅] 801? "800px" --- 601? "600px"

*/

ご利用前(ダウンロード前)に「利用規約」を必ずお読み下さい

DOCTYPE

テンプレート枠はスタイルシートで段組してあります。下記のDOCTYPEを用意してあるので、ご自身のレベルにあったテンプレートをダウンロードして下さい。

  1. HTML 4.01 Transitional
  2. HTML 4.01 Strict
  3. XHTML 1.0 Transitional

線ありをダウンロードされる方へ

コンテンツ部分の掲載内容よりサイドバー部分の内容が多くなった場合、コンテンツ部分とサイドバー部分の間の線はフッター部分まで伸びません。

これは単純にコンテンツ部分の左側にborder指定しているためです。

テンプレート枠ダウンロード

(X)HTML
CSS

CSS Template CSSデザインサンプル