■ページデザインに応用する

テーブルの代わりにposition:absolute;を使ってページデザインする方法。

大きなページデザインとしても使用できます。
例えば画面を縦に３分割する場合、普通はtableタグを使います。画面を横に３分割する場合も同様です。
スタイルシートを使うと簡単な記述で同じような自在にレイアウトを設定することができます。
全てのページに同じページレイアウトを利用する時は外部スタイルシートを利用します。
外部スタイルシートで指定しておくとページレイアウトを変更する時"xxxxx.css"の値を修正するだけで
一括して変更する事が可能です。

（例）画面を３００ｐｘずつ縦に３分割する

（例）画面を３００ｐｘずつ横に３分割する

（例）上記の例を外部スタイルシートで指定する

・cssファイルの記述
.aaa { position: absolute;}
.bbb { position: absolute; left: 300px;}
.ccc { position: absolute; left: 600px;}

・HTMLソース
<div class="aaa"></div>
<div class="bbb"></div>
<div class="ccc"></div>