The Preparation Room

帯テンプレがWin IEの呪にかかって頭がうにってきたので、息抜きに、ordinary oneのリキッドレイアウトをいじってみました。
Javascriptで擬似的にmax-widthとmin-widthを実現しています。
max-widthとmin-widthは新しいブラウザではほぼ対応しているようなので、心置きなく使える日も近いとは思いますが‥。

検索をかけたらIE独自拡張のexpressionメソッドを使った方法が見つかりましたが、それではなく、ウィンドウサイズを取得してclassを変更する方法でやってみました。
これの利点はwidth以外の要素も変更出来る、ってところです。
とりあえずwidthしか変更してませんが。

参考にさせて頂いたサイトは、以下の3つです。
Particletree : Dynamic Resolution Dependent Layouts
初心者のためのLAMP + Ajax入門 : ブラウザ非依存に画面サイズ(ウィンドウサイズ)を取得する
小粋空間 : CSS+JavaScript によるカラムレイアウト切り替え

興味をもたれた方がいらっしゃいましたら、動作報告頂けると嬉しいです。
ちなみにサイズの判定はウィンドウの読み込み時に行いますので、リサイズ後には要リロードです。
→プレビュー