Проблема переполнения CSS в IE7

Question

Сейчас я работаю над сайтом для клиента, и он работает корректно во всех браузерах, кроме IE7 (IE6 и IE8 протестированы нормально). Это сайт WordPress, и тема является дочерней темой Thematic Framework.

Это пример страницы, которая неправильно отображается в IE7:

http://roynesbitt.credit -medics.co.uk / наши доноры

Основным содержимым является принудительное использование вертикальной и горизонтальной полос прокрутки на главной оболочке, а также не толкает нижний колонтитул, так что он появляется на полпути через него.

Ирония в том, что это правильно работает в IE6, просто IE7 отображает эту проблему.

Любые предложения о том, как исправить, с благодарностью принимаются.

Answer 1

Я думаю, это потому что плавающий #container div внутри #main. Вы можете попробовать clearfix . Добавьте класс #main div clearfix и попробуйте.

Answer 2

Я обнаружил проблему - я определил условную «высоту» для IE7, поскольку я думал, что она не соответствует минимальной высоте. Убрано это свойство высоты, и все выглядит нормально!

Спасибо за ответы.

Answer 3

С IE всегда трудно работать. самый простой способ взломать это просто использовать что-то вроде этого:

<!--[if IE 7]>
    <link href="ie7.css" rel="stylesheet" type="text/css">
<![endif]-->

больше информации здесь , если вам нужно лучшее понимание и каковы другие варианты.