エラスティックレイアウト 2007年2月8日 ブログのレイアウトをエラスティックレイアウトにしてみましたので、やり方を簡単にまとめて紹介しようと思います。 まずエラスティックレイアウトとは何かということからご説明します。 エラスティックレイアウトとは幅は固定ながらウィンドウサイズや文字サイズを変更することで固定幅が変化するレイアウトのことを指します。 参考にした2つのサイトをご紹介します。 2xupで実装されているエラステックレイアウトを調べてみた。をご参照ください。 一行あたりの文字数を制限する elastic layout (エラステックレイアウト) まずは(X)HTMLの構造を以下だと想定します。 <div id="container"> <div id="main"></div> <div id="sidebar"></div> </div> div#containerのmin-w