Проблема ширины Internet Explorer

Question

* Я пересылаю этот вопрос, потому что раньше у меня был только один ответ, и он не работал.Надеюсь, кто-то новый увидит это и узнает, что делать!*

Я использую IP Net Renderer для просмотра моего недавно установленного форума (http://www.datesphere.com/forum/) в IE7. Если вы хотите посмотреть, вы можете увидеть форумпереполнение содержащего его элемента (он шире контейнера 960 пикселей, который у меня есть для всего сайта).

Я пытался добавить overflow:hidden в класс .wrapper, а также width:100% в .tborder всовет получен по StackOverflow, но он не работает.

Форум корректно отображается в IE8 +, FF, Chrome и Safari, но не в IE 7. Кто-нибудь знает, как я могу это исправить?

Answer 1

Если вы используете IE9 / 8 и запускаете панель инструментов разработчика, вы заметите, что генерируемый global.css для IE7 отличается от IE8. Посмотрите, что генерирует эту таблицу стилей для вас, и посмотрите, сможете ли вы изменить ее, чтобы получить MIN-WIDTH: 930px; или МИН-ШИРИНА: 100%;

Или второй вариант: добавить где-нибудь после таблицы стилей glboal.css встроенный стиль или на странице css или связать другую таблицу стилей .wrapper {MIN-WIDTH: 930px! Важный; } или .wrapper {MIN-WIDTH: 100%! Важный; } , так что он переопределяет то, что генерируется в файле global.css.

IE7:

.wrapper {
    MIN-WIDTH: 970px; MARGIN: auto; WIDTH: 85%; MAX-WIDTH: 1500px
}

IE8:

.wrapper {
    MARGIN: auto
}

Answer 2

Удалить #wrapper div И установите IE7 .tborder {display: inline-table}

Answer 3

Измените значение min-width для вашего класса оболочки.Вы можете установить статическую ширину или установить ее на 100%.