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％宽度

回答

相关问题