2012-02-13 4 views
0

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

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

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

+0

сайт, похоже, не работает. –

+0

@AndresIlich должно быть доступно сейчас –

ответ

2

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

+0

Вы уверены в этом? Я посмотрел в Firebug и кажется, что '# stickWrap' имеет' display: block' –

+0

Yup, в панели инструментов разработчика IE определенно получается отображение: table применяется. Если вы этого не хотите, просто установите отображение: block, и оно должно быть исправлено для всех. Я вижу, что вы правильно относитесь к Firebug, такие ситуации - вот почему сбрасывание CSS - хорошая идея. –

2

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

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

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

0

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

+0

Просьба уточнить, отредактировав свой ответ. – Charlie

Смежные вопросы