iframe高度和宽度为中心



我试图在水平中心的div中拥有一个iframe。它在Firefox中工作正常,但在IE8中不行。这是我的完整代码:

<!-- <!DOCTYPE HTML> -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head></head>
<STYLE type="text/css">
body {
background-color: silver; } 
#container {
align: right; 
margin: 0;
width: 600px;height: 100%;
margin: 10px auto;
background-color: white; 
}
#top {
height: 300px;
background-color: yellow; }
#midpart { 
width:100%;
height:100%;
background-image:none;
background-color: blue; }
</style>
<body>
<div id="container">
<div id="top">
<iframe src="aa.htm" id="midpart" scrolling="yes" frameborder="1"></iframe>
</div>
</div>
</body></html>

在上面的IE8中,代码会产生一个不水准居中的DIV。否则可以。iframediv占据了大约100%的屏幕。请注意,我正在使用Long Doctype版本

如果我使用第一台Doctype系列(简短的一条)IE8将DIV OK中心,但DIV/IFRAME高度是错误的。

还有其他解决方法吗?

向您的身体添加以下样式...

text-align:center;

您的意思是要有'保证金:10px auto'和'align:pright'in #container?

position:relative;
margin:0 auto;

应为顶部的ID产生水平中心的DIV。您可以将宽度和高度直接设置在具有宽度和高度属性的iframe上。

最新更新