テンプレート − 4カラムレイアウト

テンプレート − 4カラムレイアウト

ページレイアウトに関するテンプレートです。それぞれHTMLテンプレート、CSSテンプレートに分けて記載していますので、コピー＆ペーストしてお使いください。（テンプレートには当サイトへのリンクが掲載されていますが、これは削除しないでください。お願いいたします。）

4カラム：左・中左・中右・右（各160px）
HTML記載順序：中左スペース > 左スペース > 中右スペース > 右スペース

• サンプル

4カラムレイアウト活用法
ひとつのページを4分割するわけですから、1段あたりの幅はかなり狭くなり、見づらいページができあがってしまいます。そこで、4カラムレイアウトを使う際は、2カラムと組み合わせて使うことをお勧めします。

サイドバー＋メインスペースの2カラムの幅をそれぞれ160px・500pxとします。500pxのメインスペースに本文を記載するわけですが、その途中で160px×3段を組み合わせます。すると、組み合わせた部分は「サイドバー＋（160px＋160px＋160px）」となり、部分的に4カラムができあがります。

この使い方ですと、左右に分けられたページに変化を与えることができ、見た目にも映えるサイトを作ることができます。