HTML Auto margin

Question

Хорошо, вот и все.

Обычно я делаю все хорошо в HTML, но для этой конкретной проблемы я не могу помочь ему попросить некоторую помощь ..

Я искал вокруг, но я не могу найти что-то, чтобы решить это (худшее, что это работало как 1 день назад, и я не могу вспомнить, какие изменения я сделал)

http://beta.deaglegame.net

В Firefox он центрирован правильно (я использую 3.6). Но когда я пытаюсь использовать chrome, safari и некоторые версии 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, и он будет центрироваться (только что попробовал, и это сработало). Однако я предлагаю изменить это на класс, так как вы можете использовать идентификаторы только один раз, и у вас есть несколько элементов, которые вам нужно центрировать, как эта таблица (которую я бы предложил удалить и заменить семантическим кодом). Вы должны центрировать таблицу заголовков с помощью #all и # mainContent.

Надеюсь, это поможет!

Answer 2

Похоже, что-то не так с вашим поплавком или шириной.Если вы пытались удалить некоторые из поплавков, вы можете отключить поплавки в вашем CSS, поместив контейнер вокруг плавающего элемента и предоставив ему переполнение: скрыто.

Greetz.