SAMPLE

２段組　Cascading Style Sheets

ページの左側にサイドバーを入れて、２段組でデザインするパターンです。サイドバーは右側に入れてデザインすることもできます。また、サイドバー部分にはメニューなどをレイアウトして利用します。

ページの左側にサイドバーを、右にコンテンツを表示したパターンです。全体の横幅は固定して、ブラウザ画面の中央に配置します。また、サイドバー部分には、コンテンツのメニューとフィードファイルへのリンクを表示します。

ブラウザ画面の横幅に合わせて、２段組の横幅が変わるパターンです。ただし、サイドバー上の横幅が大きく変わると使いにくくなりますので、サイドバーだけは横幅を固定して表示します。

サイドバーをコンテンツ部分と同じ高さで表示する２段組のパターンです。サイドバーの中に記述した内容が少なくてもバーが下まで表示されますので、空白を作らずに全体のバランスを取ることができます。。

２段組を構成するヘッダー、サイドバー、コンテンツ、フッターの各パーツを罫線で区切ってデザインするパターンです。罫線が目立つように、全体的に白やグレーを基調としたシンプルなデザインで仕上げます。。