無料テンプレート枠｜4カラムグローバルナビゲーション

4カラムテンプレート

可変幅

この4カラムレイアウトのテンプレートは、この記事部分が可変対象となり、あとのボックスはすべて固定幅です。全体の幅、固定部分の幅は任意に変更して下さい。手順通りにして頂ければ簡単です。floatとか余白などは考えなくても手軽に変更できます。

また、各ブロックの配置ですが、左にあるメニュー部分は(X)HTML上では一番下に記述されています。実際の表示順と(X)HTML上の順序は違いますので気を付けて下さい。

正直、レイアウト上で<div>タグの入れ子状態ですが、初心者の方が利用されてもなるべくレイアウト崩れを起こさないように配慮した為であり、理解のある方は不要なタグを削除してソースのダイエットをしてあげて下さい。

このCSSテンプレート枠は、利用者自身がホームページをデザインする事を目的としていますので、テンプレンジャーで指定しているのはレイアウトに関する部分のみとなています。見出しに関する指定、サイドバーメニュー等は利用者側で指定して下さい。

テンプレートはすべてリンクウェアです。利用規約をお読みの上ご利用下さいますようお願い致します。

私の場合、4カラムレイアウトに関しては実用面においは使いどころの難しいレイアウトと感じています。例えば下記の場合

トップページ、又は任意のページのみ4カラム化するのであれば十分利用価値があるのですが、長い文章を記述するにはまだまだ不便かと思います。試しにこのテンプレートで画面を縮小してみて下さい。

min-widthを指定するのもひとつの手段かと,,,

このテンプレート自体は悩んだあげく、左側にメニュー部分そして右端の2つのブロックはリンク及びバーナーなど（主に箇条書っぽいもの）を設置するパターン用にレイアウトしてあります。

現在は可変タイプですが、固定幅に指定する事ももちろん可能です。