центр div горизонтально в IE8

Question

На этой странице , основное содержимое вложено в <div id="container">.Я попытался центрировать контент, используя:

#container {
    margin: 0 auto;
    overflow: auto;
    width: 960px;
} 

Он отлично работает в Firefox, но не в IE8 или IE9.Есть ли способ центрировать контент во всех современных браузерах?

Answer 1

Если вы чередуете режим документа в Инструментах разработчика в IE8, вы можете видеть, что ваш сайт работает нормально, используя режим стандартов IE8, поэтому попробуйте включить этот режим, используя следующую мета:

<meta http-equiv="x-ua-compatible" content="IE=8">

Другой вариант - это реструктурировать ваш HTML, чтобы выставить ваш #container за пределы вашего #stickyWrap контейнера, но это заняло бы немного работы.

Answer 2

Это работает, если вы удалите display: table из вашего элемента #stickyWrap. Есть ли причина, по которой вам это нужно? Похоже, это ничего не изменило.

Answer 3

Была эта проблема с кнопками Royal Slider на тему Wordpress и display: table работал как шарм.