Internet Explorer中的iframe怪異模式不會呈現在100％寬度

我有一個絕對在頁面頂部指定的iframe。這實際上是一個添加到客戶網頁的標題，因爲這樣的DOCTYPE會有所不同，因此Document模式也是如此。Internet Explorer中的iframe怪異模式不會呈現在100％寬度

在標準模式下，iframe呈現100％沒有問題，但不會在Quirksmode中 - 而是大約90或95％左對齊。下面是HTML：

<iframe 
    src="http://localhost:8080/pagedetails/28/false" 
    id="su3-frame" 
    hspace="0" vspace="0" 
    leftmargin="0" rightmargin="0" 
    topmargin="0" marginwidth="0" 
    style="top: 0px;" 
    frameborder="0" > 
</iframe>

和CSS：

iframe#su3-frame { 
    width: 100%; 
    height: 60px; 
    border: 0;  
    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 0; left: 0; 
    z-index: 100000000; 
}

沒有人見過這個？任何建議我可以嘗試的東西？

感謝

來源

2011-02-16 Richard H

添加此CSS修復它（在IE8/IE7 Quirks模式）：

html { 
    margin: 0; 
    padding: 0 
}

這是肯定安全的普遍包括 - 我想象幾乎爲零網站都依靠<html>具有margin或padding的元素。

有些網站將非零位margin或padding應用於<body>，但從未對<html>應用。

來源

2011-02-16 12:27:05 thirtydot

你是明星。 +1和正確的:) – 2011-02-16 14:22:57

Internet Explorer中的iframe怪異模式不會呈現在100％寬度

回答

相關問題