最近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使わないのよね・・・