IE7切斷圖像

大家好我有3個div，裏面有翻轉圖像，它們在我的主內容div裏面垂直堆放。 IE7正在砍掉大約四分之三的底部div，我不知道爲什麼。它可以在所有其他瀏覽器（甚至IE6）中完美顯示，但IE7將無法正常顯示。這是我的第一個網站，所以我仍然有很多東西需要學習。我已經設法修復其他IE錯誤，但只是無法弄清楚這一點。任何幫助感謝！IE7切斷圖像

.main_content { 
    float: left; 
    width: 816px; 
    background-image: url(Images/evokedesign_bg_tile.png); 
    background-repeat: repeat-y; 
    overflow: hidden; 
} 
.portfolio_buttons { 
    float: left; 
    width: 634px; 
}

網站鏈接：http://evokedesignstudio.com.au/Portfolio.html

來源

2011-03-08 Kimberley

可以請你發佈HTML嗎？ – Dimitry

如果可能，發佈一個鏈接到您的現場網站。 – thirtydot

現在你發佈一個鏈接到你的網站的直播，我找到了答案很快：

在.gallery，刪除height: 400px規則。
完成。

這修復了IE7，IE8 /其他瀏覽器沒有任何變化。

來源

2011-03-08 00:49:54 thirtydot

嗨Thitydot - 非常感謝您的幫助。誰知道答案會這麼簡單大聲笑！就像我說的 - 仍然有很多要學習;） – Kimberley

@金伯利：這是沒有問題的。 – thirtydot

您已將.page_container設置爲固定高度730px。

嘗試更新CSS到

.page_container { 
padding: 0px; 
min-height: 730px; 
height:730px; 
}

同樣與.gallery爲@thirtydot說。將所有高度一起移除或將其更新爲最小高度和最小高度（請參閱上面的示例）。

通過將min-height低於height在樣式表，不承認min-height標籤（IE6），然後將註冊它下面的height作爲備份任何瀏覽器。

來源

2011-03-08 00:53:48 Dan

感謝您的幫助丹。從.gallery規則中移除高度已成功。 – Kimberley

回答

相關問題