Как автоматически центрировать div в IE8 в режиме quirksmode?

Question

Я работаю с IE8 в режиме причуд ...

У меня есть каскадные стили из моей таблицы стилей Firefox, которые включают в себя:

#container {position:relative; width:1007px; margin-right:auto; margin-left:auto;}       

#textbin {width:720px; position:relative; margin-right:auto; margin-left:auto;}

Очевидно, я что-то делаю неправильноавто-поля не работает в IE8.Это тот случай?Если так, как я могу обойти это ограничение?Я не пытался позиционировать, абсолютное позиционирование и даже добавлять относительное положение в мою таблицу стилей IE8.Кроме того, когда я вручную центрирую div, IE8 добавляет поле внизу страницы ...

, кстати, я новичок здесь, поэтому, если вам нужна дополнительная информация, пожалуйста, дайте мне знать!

Answer 1

Хак-у старой школы это было сделать, добавив text-align:center к родителю div, который вы хотите центрировать. Конечно, вам нужно будет затем специально объявить свойство text-align для дочерних элементов, если вы не хотите, чтобы они были выровнены по центру, так как text-align будет наследоваться дочерними элементами.

Answer 2

Это будет работать для причуд IE5 и выше.

CSS:

body, html {
width:100%;
}

#yourdivname {
margin:0px 50% 0px 50%;
//this can be removed, but is just for test sake.
background-color:#bbb;
width:100px;
height:100px;
}

Надеюсь, это поможет, с уважением, Берт Ян.