HTML自動マージン

Question

ここに来てください。

通常、私はHTMLで大丈夫やっているが、この特定の問題のために、私はそれはいくつかの助けを求めるために役立つことはできません。..

私は周りを探してきたが、私は解決するために何かを見つける傾けますそれは（最悪、それは1日前のように働いたということであり、私は私が作ったものに変更を覚えてカント）Firefoxでは、それが適切にセンタリングされ

http://beta.deaglegame.net

しかし、（私が使用しています3.6まあ）私がしようとすると、クロム、サファリ、およびIEのいくつかのバージョンでは、それは左に揃えられます。

もしあなたが私の情報源を見て、これを引き起こす可能性があることを私に知らせることができたら、私は本当に素晴らしいでしょう！

http://beta.deaglegame.net/css/style.css

は、ここに私のhtmlとコンテナ要素のスタイルです。

html, body { 
background-image: url(../images/background.png); 
background-repeat: repeat-x; 
background-attachment: fixed; 
font-family: Tahoma, Geneva, sans-serif; 
font-size: 11px; 
margin: 0; 
color: #282949;} 

#all { 
width: 920px; 
margin:auto; 
position:relative; 
height:auto; 
overflow:hidden;} 

誰にも感謝します！これは単純に思えるかもしれませんが、私は解決できません。

Answer 1

複数の問題。

あなたのHTMLに#allが設定されていません。自分の#mainContentを#allに変更すると、それが中心になります（ちょうど試してみたところ、うまくいきました）。しかし、私はクラスに変更することをお勧めします。あなたはIDを一度しか使用できず、そのテーブルのように複数の要素が必要です（セマンティックコードを削除して置き換えることをお勧めします）。#all #mainContent。

希望すると便利です。

Answer 2

フロートや幅に問題があるようです。 浮動要素のいくつかを取り除こうとしましたか？浮動要素をarroundにしてオーバーフローを与えることによって、あなたのcssで浮動小数点数を浮かべることができます：hidden。

Greetz。