HTML Auto marge

Question

Très bien, voilà.

Normalement, je fais bien en HTML, mais pour ce problème spécifique, je ne peux pas l'aider à demander une aide ..

J'ai regardé autour, mais je ne peux pas trouver quoi que ce soit pour résoudre il (le pire est que cela a fonctionné comme il y a 1 jour, et je ne me souviens plus ce que les changements que j'ai fait)

http://beta.deaglegame.net

Dans Firefox, il est bien centré (bien 3.6 que j'utilise) Mais quand j'essaie avec chrome, safari, et certaines versions d'IE, il s'aligne à gauche.

Donc, si vous pouviez regarder à ma source et peut-être me faire savoir ce qui pourrait causer cela, je serais vraiment reconnaissant!

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

Voici mes éléments HTML et conteneurs styles.

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

Merci à tous! Cela peut sembler simple, mais eh, je ne peux pas le résoudre.

Answer 1

Problèmes multiples.

Vous n'avez pas #all défini dans votre code HTML. Changer votre #mainContent vous avez là pour #all et il va centrer (juste essayé et cela a fonctionné). Cependant, je suggère de changer cela en une classe puisque vous ne pouvez utiliser les ID qu'une fois et vous avez plusieurs éléments dont vous avez besoin centré comme cette table (que je suggère de supprimer et de remplacer par du code sémantique) et #mainContent.

Espérons que cela aide!

Answer 2

On dirait que quelque chose ne va pas avec votre flotteur ou largeurs. Avez-vous essayé de retirer certains des flotteurs, vous pouvez les faire flotter dans votre CSS en plaçant un conteneur autour de votre élément flottant et en lui donnant un débordement: caché.

Greetz.