爲什麼IE6和IE7不能完全顯示這個div？

我在IE6和7中遇到了問題，因爲div沒有完成歸因於它的底部填充，所以似乎並沒有像所需的那樣完成div到白色內容區域。爲什麼IE6和IE7不能完全顯示這個div？

下面是帶有問題的編碼主頁。

http://qwibbledesigns.co.uk/preview/Softwear/

DIV的房子的這些內容：服務：設計，XHTML，CSS，Flash客戶端：通訊企業管理者

我試圖顯示它由於種種，清除DIV，等。我無法制作它的頭或尾。有誰知道我能做些什麼來解決它？

任何答案是不勝感激= S

來源

2010-03-24 Qwibble

注：這是「Lorem存有悲坐阿梅德」 – Matchu 2010-03-24 22:22:05

難道僅僅是未能成功地使#quickinfo div的底部填充？ – msw 2010-03-24 22:29:51

軟件拼寫爲s-o-f-t-w-a-r-e。 – Rob 2010-03-24 23:37:30

這是hasLayout錯誤之一。當元素顯示在inline時，背景不能正常顯示。這裏的aforelinked部位的cite：

對於內聯元素（無論是通過內聯默認像span，或具有display: inline）

width和height觸發在IE 5.x和IE hasLayout的6或更新的僅適用於怪癖模式。如IE6的，當瀏覽器是在「標準遵守模式」內聯元件將忽略width和 height性質，和設置 width和height屬性將不會導致元件具有佈局。

zoom總是觸發hasLayout，但它在IE5.0中不受支持。

由於您的網頁doctype是嚴格模式（標準符合性），你唯一的辦法就是給元素的問題（在#quickinfo）一zoom風格，除了明顯修復，顯示它作爲block元素（默認爲<div>元素）。

#quickinfo { 
    zoom: 1; 
}

來源

2010-03-24 23:24:38 BalusC

嘗試增加「溢出：汽車;縮放：1;」到CSS。這似乎解決了這些IE佈局錯誤的大部分。

來源

2010-03-24 22:50:16 tloflin

爲什麼IE6和IE7不能完全顯示這個div？

回答

相關問題