[CSS]上部のエリアを確保しつつ、要素をページの中央に配置するスタイルシート

ページ上部のエリアをキープしつつ、div要素をページの垂直方向の真ん中に表示するスタイルシートをIn the Woodsから紹介します。 Vertical Centering With CSS demo 5 （IE 8rc1） 上記のデモでは、オレンジ色のdiv要素を垂直方向の真ん中に表示し、スクロールバーが表示されるくらいにウインドウのサイズを小さくしても、上部のタイトルの表示エリアを確保します。 垂直方向の真ん中に表示させる方法としては、「display:table;」を使用したり、要素の半分の高さをマイナスマージンにしたりなど、いくつかの手法があります。

[paranod]

ページ上部のエリアをキープしつつ、div要素をページの垂直方向の真ん中に表示するスタイルシート

[nash13kiko]

html css

[y-kawaz]

いつもIEが全てを面倒にする

[kurobuchi]

トップやログインページなんかで実現したいレイアウト。IE6はそのまま行けない。

[style_blue]

safariでも問題なし。