http://www.wilwaldon.com/crossing/page3.htmlIE7 дополнительная обивка/Маржа
Если вы посмотрите на странице в IE7 есть нечестивый объем пространства между верхним пунктом и нижней областью прожектора. Он отлично работает во всех других браузерах.
Если вы знаете о каких-либо уловок или хаки, чтобы предотвратить это я очень ценю это :)
Спасибо!
Причина вы получаете все это пространство из-за всех верхних отступов и полей, которые вы кладете на #spotlight самостоятельно. Кажется, вы добавляете все это пространство как способ сделать достаточно места для поплавков внутри него. Не делай этого. Сделайте div, чтобы его поплавки добавили overflow: hidden. Если у этого есть нежелательные побочные эффекты, добавьте к нему класс clearfix, который уже находится в вашем CSS.
Причина, по которой вы видите все это пространство в IE7, состоит в том, что #spotlight имеет ширину, которая равна triggering layout. Это заставляет его содержать свои поплавки уже, подталкивая все верхнее поле и заполняя над ним.
О, и не используйте несколько id="spotlightbox". Вот что такое классы для. Идентификаторы должны быть уникальными. Вместо этого используйте class="spotlightbox".
Спасибо, добавлены классы вместо id, и он отлично поработал. Я просто взламываю этот код от другого разработчика, поэтому мой мозг не работал должным образом. Спасибо, миллион! – wilwaldon
если вы установите дисплей: встроенный в вашем центре внимания Див он должен оказывать лучше в IE7 ... но это будет нарушать другие браузеры - так использовать условный CSS - или переписать свой стиль, чтобы быть более сговорчивым
Это относится к DocType [http://doctype.com/] –