Центрирование сайта в Internet Explorer

Выравнивание сайта с фиксированной шириной по левому краю, смотрится мягко говоря не очень, а иногда даже ужасающе.Хотя иногда это имеет смысл, например мобильные форумы и сайты закачек. Если вы хоть раз делали центрированную верстку и проверяли её в IETester, то данная статья не для вас. Вниманию остальных – {margin:0 auto; width:1200px;} не работает в IE.
Если вы сдделаете сайт фиксированной ширины и отцентрируете его этим способом, то в internet explorer(заметил даже в 9-й версии) ваш сайт растянется на всю ширину. Будем исправлять.
Для начала зададим ограничение по ширине, например 1200px:

* html #wrapper{
	width: expression((documentElement.clientWidth||document.body.clientWidth)>1200?'1200px':'');
}

#wrapper – это айди блока “обложки” сайта.
Далее центрируем этот блок на странице:

* html body{
	text-align : center;
}

Дополнив эти свойства стандартными:

#wrapper{
	width:1200px;
	margin:0 auto;
}

Получим кроссбраузерное выравнивание сайта по центру.
В следующей статье расскажу, как с помощью графики эмулировать border-radius в любых браузерах.

Оставить комментарий