FireFox2.0でCSSを使ってテーブルそのものをセンタリングしたい

質問

IE６だと
#wrapper {
text-align: center;
}
<div id="wrapper">
<TABLE border="1">
<tr><td>テキスト</td></tr>
</table>
</div>

とやればテーブルそのものがセンタリングされるのですが、
FireFox2.0だと左に寄ったままです。
CSSを使わずに<center>で囲めばセンタリングされますが、
そうではなくてCSSを使ってやるやり方はないでしょうか？

回答No.2

goldfox · ベストアンサー

text-align: center;　はそれを指定した要素内のインライン要素を中央寄せします。
ブロック要素を中央寄せするには、そのブロック要素の左右マージンをautoに指定します。
IEでマージン指定がなくても中央寄せされる、親要素の中央寄せ指定がないとセンタリングされないのは、IEのバグです。

よって、tableの左右マージンをautoに設定します。
table{margin:auto;}

参考URL：

http://www.tagindex.com/hp_guide/css_layout1/02.html

お礼

ご返答ありがとうございます。
その方法で解決しました。ありがとうございます。

回答No.1

himajin100000

http://www.mozilla.gr.jp/standards/webtips0004.html

#IEのバグは「互換モード」時のみ。標準準拠モードでは確か発生しない
最初から標準準拠モードで作ることを勧める

お礼

ご返答ありがとうございます。
なるほど、標準準拠モードで作れば良さそうですね。