HTML Auto Rand

Question

In Ordnung hier geht es.

Normalerweise Ordnung in HTML ich tue, aber für dieses spezifische Problem, ich kann es nicht um Hilfe zu bitten, helfen ..

Ich habe um gesucht, aber ich kann nichts finden zu lösen es (am schlechtesten ist, dass es vor wie 1 Tag gearbeitet, und ich kann nicht daran erinnern, was ändert ich gemacht)

http://beta.deaglegame.net

In Firefox, es korrekt zentriert (Well 3.6, die ich verwende) Aber wenn ich versuche, mit Chrom, Safari und einige Versionen von IE, richtet es auf der linken Seite aus.

Also, wenn Sie auf meine Quelle und vielleicht lassen Sie mich wissen, was könnte dies verursachen, wäre ich wirklich dankbar!

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

Hier ist mein html und Containerelemente Stile.

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;} 

Vielen Dank an alle! Das mag einfach erscheinen, aber ich kann es nicht lösen.

Answer 1

Mehrere Probleme.

Sie haben nicht #alle in Ihrem HTML festgelegt. Ändere deinen #mainContent, den du dort hast, auf #all und es zentriert sich (gerade versucht und es hat funktioniert). Ich schlage jedoch vor, dies zu einer Klasse zu ändern, da Sie IDs nur einmal verwenden können und mehrere Elemente haben, die wie diese Tabelle zentriert sein müssen (was ich mit semantischem Code entfernen und ersetzen möchte). Sie müssen Ihre Header-Tabelle mit #all zentrieren und #mainContent.

Hoffe, das hilft!

Answer 2

Sieht aus wie etwas mit Ihrem Float oder Breiten falsch sein könnte. Haben Sie versucht, einige der Floats zu entfernen, können Sie floats in Ihrem CSS platzieren, indem Sie einen Container um Ihr Floating-Element platzieren und ihm einen Überlauf geben: versteckt.

Greetz.