2007/09/08

CSSで<div>ブロックのセンタリング

最近CSSでWebページの装飾をやっておるワケですが、<div>タグでくくったブロックのセンタリングをtext-align:centerとしてもセンタリングされなくて悩んでおりました。
でも、IE6.0SP1ではセンタリングされる・・・なんでやねん・・・
ほいで、ググってみるとやはり同じ悩みの人がおるわけで。というより、自分が無知なだけ・・・

text-alignはインライン要素の位置揃えを指定するためのものでありまする。
つーわけで、どうやるかというとmarginを使用。
こんな感じ。

------------------------
#centering{
 margin-left:auto;
 margin-right:auto;
 width:500px;
}
------------------------


これだとFirefox2.0.0.6でOK!

ちなみに、text-alignでセンタリングできているIE6.0SP1はブラウザのバグだそうです。
アホですな、IEは・・・だから最近IE使わないのよね・・・
スポンサーリンク

スポンサーリンク