Ошибка в Internet Explorer 9?

Question

Хорошо, я сбит с толку.

IE9 отображает противоречивые проблемы ширины страницы на некоторых, но не на всех страницах разрабатываемого сайта.

В IE9: зайдя на http://sistercarmen.org/cms/ вы можете увидеть то, что выглядит грубо, как правильная страница. На самом деле страница немного широка, и это, безусловно, проблема. Но ничего похожего на то, что происходит на странице " О программе" или " История".

На этих страницах страница становится действительно очень широкой. НО, если вы наведите курсор мыши на ссылку в правом столбце (вероятно, для ее просмотра потребуется прокрутить по горизонтали), страница вернется к нужному размеру.

Создавая упрощенную тестовую страницу @ jsFiddle, я могу подтвердить, что это, похоже, связано с display: table но это важно для меня, поэтому я могу подавать Nav позже в исходном коде. Еще более простая тестовая страница показывает, что display:table вообще работает для IE9.

Итак... Это проблема hasLayout, и если да, то как я могу принудительно вызвать hasLayout в IE9?

Большое спасибо,

Джереми

Answer 1

Ты прав, это странно. Для чего это стоит, ваша страница отлично работает в IE10.

Я не смог найти для вас подходящего решения за то время, которое у меня есть, но в то же время вы рассматривали возможность применения width или max-width к элементу основного текста?

[РЕДАКТИРОВАТЬ]

Я могу подтвердить, что добавление width:100% к content-lead элемент будет работать вокруг проблемы.

Все еще не ответ на вопрос, почему проблема возникает, но, по крайней мере, это обходной путь.

[Редактировать снова]

На самом деле, оказывается, что обходной путь не так хорош, как я думал. width:100% работал только для меня, потому что я играл в консоли. Делать это в CSS не имеет никакого эффекта.

Установка фиксированной ширины может помочь, или, возможно, с помощью CSS calc() если полностью фиксированная ширина не подходит.