100%高度的iframe在ie7中顯示錯誤,原因是iframe.style.height="100%"。
在網上搜到很多iframe自适應高度的文章。我們隻需要讓iframe的高度跟浏覽器顯示區域的高度一樣就行了,跟iframe自适應高度是不一樣的。
下面使用js實作iframe中的高度和浏覽器的高度一樣。
<script type="text/javascript">
function htmlH() {
document.getElementById("menu").style.height = screen.availHeight;
document.getElementById("iframe1").style.height = screen.availHeight;
document.getElementById("right").style.height = screen.availHeight;
}
</script>
</head>
<body style="margin-top:1px; margin-left:0px; margin-bottom:1px;" οnlοad="htmlH()">
<form id="form1" runat="server" >
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<iframe id="menu" name="menu" src="menu.aspx" width="13%" frame marginheight="0"></iframe>
<iframe id="Iframe1" src="b.aspx" width="4px" frame marginheight="0" style="" scrolling="no"></iframe>
<iframe id="right" name="R1" src="index.aspx" width="86.5%" frame marginheight="1" marginwidth="1" runat="server" style="margin:0;"></iframe>
<br />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>
本文有三個iframe,是以在js中得寫三個,根據自己需要進行改變!