天天看點

ie7中iframe高度100%無效的解決辦法

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中得寫三個,根據自己需要進行改變!

繼續閱讀