iframe自适应高度，各位帮帮忙~~

麦子的春天到了 2011-05-24 10:19:43

<iframe id="test" name="main" width="100%" height="auto" src="Home.aspx"border="0"></iframe>

页面分头部、iframe框架、底部三部分
我想让iframe可以自己适应显示器高度，在数据不够多的时候也不改变高度，固定值在有些显示器下会显得过高！
请各位帮帮忙！

...全文

180 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

DingZaL 2011-05-26

打赏
举报

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<style type="text/css">
html, body
{
height: 100%;
margin: 0 auto;
padding: 0;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<iframe name="I2" height="100%" width="100%" frameborder="0" src="Left.aspx" scrolling="no"
marginheight="0" marginwidth="0"></iframe>
</table>
</form>
</body>
</html>
这个也可以在IE8中

麦子的春天到了 2011-05-26

打赏
举报

谢谢啦，麻烦啦！可以了！

DingZaL 2011-05-25

打赏
举报

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<style type="text/css">
html,body
{
height: 100%;
margin: 0 auto;
padding: 0;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<table height="100%" width="100%" border="0">
<tr>
<td height="100%" width="100%">
<iframe name="I2" height="100%" width="100%" frameborder="0" src="Left.aspx" scrolling="no"
marginheight="0" marginwidth="0">浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</iframe>
</td>
</tr>
</table>
</form>
</body>
</html>
已经在IE8中测试过了可以通过希望可以帮助你

DingZaL 2011-05-25

打赏
举报

你把这页的代码贴过来看看

麦子的春天到了 2011-05-25

打赏
举报

哥们，不行...
iframe里面用gv显示数据，我想在没有数据的时候iframe显示的高度也不变，不然gv居中....就不好看，如果固定值，那么在不同分辨率下就有大有小....谁有做过的帮帮忙！~

DingZaL 2011-05-25

打赏
举报

解决这个问题很简单
有2种办法
1.将这个页面的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www..... 这行删除
2.将iframe 的父标签（不管是html body table td ）的高度都设置为100% iframe自己的高度为100% 目前我就找到这两种

麦子的春天到了 2011-05-25

打赏
举报

没有人告诉我么！

麦子的春天到了 2011-05-25

打赏
举报

 <iframe id="frame_content"  name="main"  width="100%" src="Home.aspx" scrolling="no" frameborder="0"/>

只有个iframe而已，没别的！极度需要帮忙！上面的方法都试了！

wolf1947 2011-05-24

打赏
举报

麦子的春天到了 2011-05-24

打赏
举报

哦~~忘记说了，里面是镶嵌gv显示数据的，如果数据不够，那么gv居中就很难看.........

麦子的春天到了 2011-05-24

打赏
举报

为什么是这样？还是不行，数据不够的时候还是变窄了.......

堆代码的爱因斯坦 2011-05-24

打赏
举报

子夜跟我方法一样
只不过写一起的

子夜__ 2011-05-24

打赏
举报

堆代码的爱因斯坦 2011-05-24

打赏
举报

http://ued.koubei.com/?p=243

堆代码的爱因斯坦 2011-05-24

打赏
举报



<iframe src="http://www.fufuok.com/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>Javascript代码： 

<script type="text/javascript" language="javascript"> 

function iFrameHeight() { 

var ifm= document.getElementById("iframepage"); 

var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument; 

if(ifm != null && subWeb != null) { 

ifm.height = subWeb.body.scrollHeight; 

} 

} 

</script>