cssで高さ未指定のボックスを上下中央にする :: Lunatic-Code某ミクシで質問が上がってたのでちょっと考えてみた。 まぁ、要するにテーブルのvertical-align: middle;みたいなのが出来れば便利なんだが、ってことで。 Firefox、opera、Safariなんかはdisplay: table;が使えるので、それを使えば解決。 問題はIE。 例によって、IE6、7ともにdisplay: table;が使えない。 IE8では使えるらしいですね。 んで、変わりにIEではexpressionが使えるので、 あんま使いたくないけど、これでボックスの高さを取得してやって、 position:absolute;で固定する王道パターンで中央寄せにする。 expressionってあんま資料とかなくて困る。 こんな感じのHTMLに <div class=”box”> <div id=”inner_box”> <p>hoge</p>
