[CSS]ブラウザのサイズに合わせて垂直・水平方向に可変するレイアウト -SuperStretch!

Post on:2010年6月21日

sponsors

ブラウザのサイズに合わせて、垂直方向にも水平方向にも可変するレイアウトを紹介します。

デモページはブラウザを縦長に変更しても、レイアウトがいっぱいに広がった状態となります。

ブラウザを縦長にしたキャプチャ

可変レイアウトの実装はHTMLとCSSで実現されています。
対応ブラウザはIE6/7/8, Fx, Op, Safari, Chromeなど主要ブラウザに対応しており、IE6はIE7のように振る舞うスクリプト「ie7-js」を使用しています。

実際のサイトに使用されている例も紹介されていました。