FireFoxとIEで共通に中央揃えしたい

質問

お世話になっております。
表題どおりです。

スタイルシートでBody要素に
text-align: center;
を指定した状態で、

HTML本体にて
<div></div>で囲まれた部分を中央に表示させるると、IEでは期待通り、表示されますが、FIREFOXだと
期待通り動作してくれません
何か良い方法は無いでしょうか？

IE
　　　　　DIVでかこまれた中身＜真ん中に行きます

FOX
DIVでかこまれた中身＜DIVで囲まれた部分は左によります。

囲まれて居ない　BODYに直接記されたものは、
両方とも中央で揃います。

説明が分かりづらいかと思いますが、
よろしくお願いします。

回答No.3

noname#19175

この手の質問は定期的に出てきますが、過去ログか、こちらを御覧下さい。
http://www.mozilla.gr.jp/standards/webtips0004.html

参考URL：

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

回答No.2

LLLuna

単にテキストを中央に揃えるだけなら、text-alignで出来ます。それができないのであれば、何らかの文法エラーが発生している可能性があります。Firefox1.5以降のJavaScriptコンソールには、CSSのエラーも（日本語版なら日本語で）表示されるので、チェックしてみてください。
ブロック要素ごと中央に揃えたい場合は、

text-align:center;

では無理です。これでブロック要素ごと揃えられるのは、IE5.5までとIE6互換モードのバグです。
IE以外のブラウザとIE6標準モードで中央揃えにする場合は、1氏の仰ったとおり、対象要素の左右マージンをautoにします。

margin:0 auto;
或いは、
margin-left:auto;
margin-right:auto;

0は上下マージンですので、任意の値に変更できます。（単位を省けるのは数値が0の時だけ、ということに注意）
右寄せしたいときは左マージンにだけ、autoを指定します。

margin:0 0 0 auto;
或いは、
margin-left:auto;

初めの0は上マージン、2番目の0は右マージン、3番目の0は下マージンです。任意の値に変更できます。

回答No.1

sakura_394

中央に表示させたいDIV部分のmargin指定はどうなっていますか？
body {text-align: center;}とした上でdivで指定したい部分 {margin: auto;}としてやればFirefoxでも中央に行くと思うのですが。
自分はその方法で真ん中寄せにしています。