左揃え伸縮自在幅レイアウトこのレイアウトはCSS2で実現するにはあまり向いていません。(CSS3では解消されるらしい)ですが、どうしてもスタイルシートを用いたい場合は下記のように振舞う事を前提に用いましょう。
まずは、エリアごとに<DIV>タグを作ってみましょう。
次に各エリアのスタイルを設定します。 lefttopは150×100の完全固定エリアとしてみましょう、righttopは縦100固定、leftbottomは横150固定になるわけです。 突然ですがここで、色々スタイルシートの限界・ブラウザのバグ等を回避するためにさまざまな工夫を施します。一つ一つ説明するととても長くなるので、ソースを見て勉強してください。
※テーブルタグでのレイアウト方法もありますが、推奨されていませんので互換性が重要である場合など、どうしても必要なとき以外は使わないようにしましょう。
|