Плавает в IE8, но не в IE7 или Firefox

Question

Данная страница находится здесь: http://supportdogs.digitalportals.net/PhotoGallery/16-Events

В IE8 вы можете видеть, что контент перемещается вниз под боковую панель. Если вы просматриваете его в режиме совместимости с IE8, этого не происходит и не происходит в Firefox. Если вы переходите на другую страницу в IE8, проблема не исчезнет.

Базовая раскладка

<div class="contentContainer">
     <div class="left"></div>
     <div class="right"></div>
</div>

CSS для этих трех классов здесь

#contentContainer {
 background: transparent url('../images/bodyBG.png') repeat-y center top;
 clear: both;
 padding: 0px 30px 0px 30px;
 margin-top: 83px;
 width: 935px;
}

#contentContainer .left {
 float: left;
 margin-top: 60px;
 padding-left: 5px;
 width: 195px;
}

#contentContainer .right {
 float: right;
 margin: -55px 0px 20px 0px;
 min-height: 620px;
 width: 700px;
}

Кто-нибудь знает, что может быть причиной этого?

Answer 1

У вас есть форма (PayPal), вложенная в другую форму (aspnetForm); это неверный HTML. IE8 выполняет синтаксический анализ страницы, как если бы внутренний тег закрывал внешнюю форму, вызывая разрыв макета.

В IE8 вы можете открыть инструменты разработчика (Инструменты> Инструменты разработчика), чтобы открыть представление, похожее на Firebug, о том, как IE анализирует вашу страницу.

Answer 2

Хотя это не решение, вы можете добавить этот фрагмент кода в голову, чтобы IE8 действовал как IE7.

Answer 3

Полагаю, проблема ясна: оба они есть на #contentContainer.Всякий раз, когда вы «очищаете: что-то», это должно падать после того, как все всплывающее содержимое находится в одной строке.Я думаю, причина в том, что он немного глючит, потому что ваши плавающие DIV являются потомками #contentContainer (не в одной строке).

Если вы беспокоитесь о том, что высота #contentContainer не расширяется, вы должны поместить другой элементпосле ваших всплывающих элементов с ясно: оба, или вы можете проверить эту статью: http://www.webtoolkit.info/css-clearfix.html

Answer 4

Я считаю, что это связано с наценками. Попробуйте вместо этого использовать отступы.