Отцентровка DIV/container для IE 4 и выше

Posted Sat, 07/10/2010 - 09:12

Если у вас возникают проблемы с отцентровкой основного DIV контейнера в IE 4 и выше, то этот метод вам поможет.

Хитрость заключается в том, чтобы добавить свойство text-align:center; к тегу body, а затем использовать стандартное свойство для отцентровки контейнера => margin:0 auto;. Примените text-align:left; для контейнера, который вы хотите отцентровать.

Вот пример:

body {
text-align: center; /* for IE */
}

#container {
margin: 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
}