IE7微胖/保證金

http://www.wilwaldon.com/crossing/page3.html IE7微胖/保證金

如果你看一下在IE7的頁面有頂部段和底部聚光燈區域之間的間隔不敬虔的量。它可以在所有其他瀏覽器中正常工作。

如果你知道任何技巧或黑客以防止此我非常感謝有此:)

謝謝！

2010-03-02 wilwaldon

這屬於DocType [http://doctype.com/] – 2010-03-02 19:28:08

原因你得到的所有空間都是因爲你自己放在#spotlight上的所有頂部填充和保證金。你似乎正在增加所有這些空間，爲它內部的浮動物提供足夠的空間。不要這樣做。通過添加overflow: hidden來讓div包含它的浮動。如果這有不良副作用，請將clearfix類添加到它，它已經在您的CSS中。

您在IE7中看到所有空間的原因是因爲#spotlight的寬度爲triggering layout。這導致它已經包含它的浮動，推動所有的頂部邊緣和填充上面。

哦，並且不要使用多個id="spotlightbox"。這就是類的用途。 ID必須是唯一的。改爲使用class="spotlightbox"。

來源

2010-03-02 19:33:22 mercator

謝謝，增加類而不是ID的，它的工作很好。我只是從另一位開發人員那裏竊取這些代碼，所以我的大腦無法正常工作。非常感謝！ – wilwaldon 2010-03-02 19:49:07

如果設置顯示：在你的聚光燈內嵌的div應該呈現在IE7更好......但這會破壞其他瀏覽器 - 所以使用條件CSS - 或重寫你的風格更符合

來源

2010-03-02 19:31:14

IE7微胖/保證金

回答

相關問題