ie7中iframe高度100%无效的解决办法

最新推荐文章于 2023-08-31 13:15:26 发布

保温杯泡

最新推荐文章于 2023-08-31 13:15:26 发布

阅读量1.8k

点赞数 1

分类专栏：个性天空文章标签： iframe ie server menu 浏览器 asp

本文链接：https://blog.csdn.net/wjbych/article/details/7454621

版权

个性天空专栏收录该内容

10 篇文章 1 订阅

订阅专栏

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%" frameborder="0" marginheight="0"></iframe>
                <iframe id="Iframe1" src="b.aspx" width="4px" frameborder="0" marginheight="0" style="" scrolling="no"></iframe>
                <iframe id="right" name="R1" src="index.aspx" width="86.5%"  frameborder="0" marginheight="1"  marginwidth="1" runat="server" style="margin:0;"></iframe>
                <br />
            </ContentTemplate>
    
        </asp:UpdatePanel>
   
    </div>
    </form>
</body>
</html>

本文有三个iframe，所以在js中得写三个，根据自己需要进行改变！

保温杯泡

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ie7中iframe高度100%无效的解决办法

100%高度的iframe在ie7中显示错误，原因是iframe.style.height="100%"。在网上搜到很多iframe自适应高度的文章。我们只需要让iframe的高度跟浏览器显示区域的高度一样就行了，跟iframe自适应高度是不一样的。下面使用js实现iframe中的高度和浏览器的高度一样。 function htmlH() {
复制链接

扫一扫