以前の記事「divのみの可変幅で高さが揃った縦の三段組」をさらに発展させて「divのみで縦横可変幅の縦の三段組」を作ってみました。̄)ノもちろん三段組の高さは揃えた状態で、画面一杯まで上下左右共に伸縮するもので。対応ブラウザは、IE(6以降)、Chrome、Firefox、Safari、Operaの現時点の日付バージョンで確認済み。ソースコードは、次の通り。id="footer">footer</div></div></body></html>ページ幅の最小幅を600pxとしていますが、コメントのwidth:800pxを有効にすることで、画面中央の横幅固定へと変更可能としています。ヘッダーとフッターは共に高さ20pxで固定し、それぞれの上下の枠+余白の合計高さ48pxを差し引くことで、中央の最小高さを画面サイズぴったりになるようにしています。IE6を意識しなければ、かなりスッキリした記述になりそうなんだけどねぇ。やり甲斐ありましたw実際に動作するhtmlファイルは次のURL先となります。すべて展開とすべて折りたたみ(2012.05.22)コメントこの記事へのコメントは終了しました。弾幕村リンク集(バナー有)。