注册 登录
编程论坛 JavaScript论坛

请教一个div高度自适应的问题!

gu_tong2008 发布于 2010-06-09 16:04, 1201 次点击
我有一个页面,左边用iframe调用一个菜单页面,右边用iframe调用内容页面,有没有大虾知道怎样用css或者用js实现当右边的iframe调用的页面的高度不断变化时,左边的树形菜单的高度也跟着适应变化,且外面包含它们的高度也跟着适应变化,而且要考虑浏览器的兼容性!能否举个例子,把源码传上来!
7 回复
#2
gupiao1752010-06-09 18:37
参考一下这个:
程序代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www. type="text/javascript">
function reinitIframe2(){
var iframe2 = document.getElementById("frame_content2");
try{
iframe2.height =document.documentElement.scrollHeight;
}catch (ex){}
}
window.setInterval("reinitIframe2()", 200);
</script>
</head>
<body>

 <table border-collapse="collapse">
  <tr>
   <td><iframe id="frame_content2" src="http://www. scrolling="no" frameborder="0" width="300px"></iframe></td>
   <td><iframe id="frame_content3" src="http://www. scrolling="no" frameborder="0" width="600px" onload="this.height=document.documentElement.scrollHeight"></iframe></td>
  </tr>
  </table>
</body>
</html>

实际测试的时候,你把网站改成你自己的页面文件!
#3
gu_tong20082010-06-10 09:43
好像不行啊,楼上的大虾,,
#4
gupiao1752010-06-10 14:52
你把你自己的代码发出来,我也不知道你说的是什么自适应??
#5
gu_tong20082010-06-10 16:29
    <div id="sec961">
        <div id="left">
        <iframe name="left" src="tree.html"  width="160" height="1000" frameborder="0" id="frmsrc" scrolling="auto" marginheight="0"></iframe>
         </div>
        <div id="right">
            <iframe name="right" src="test.html" width="99%" height="1000" frameborder=0 scrolling="no" marginHeight=0 marginWidth=0></iframe>
        </div>
    </div>

请看我的其中一段代码,其中id="sec961"为外面一个div,它里面包含一个"left"的div、一个"right"的div,左边一个iframe,右边一个iframe,左边的为js树形菜单,右边为左边树形菜单所链接的内容,通过target指定右边iframe的名字来实现,现在问题来了,由于右边的每页内容不一样,导致右边的iframe的高度不一样,现在就想问当我右边的iframe的高度变化时,左边的iframe的高度能不能跟着右边的iframe的高度变化,而且外面id="sec961"的高度也跟着它们能够伸缩?
我现在出现的问题主要是,我左边的js树形菜单有个背景颜色,当我右边的高度变大时,外面id="sec961"的高度能够跟着变大,但左边的高度不会跟着变大,导致左边没有变大的地方没有背景颜色,很难看,能不能帮我解决这个问题?能不能举个例子,把左边的iframe也设个背景颜色测试一下,先谢过了!

[ 本帖最后由 gu_tong2008 于 2010-6-17 17:32 编辑 ]
#6
gu_tong20082010-06-11 15:12
怎么没人回答啊?
#7
gu_tong20082010-06-17 17:23
看了我这个问题真的难倒一大批高手了!
#8
flynet2010-07-02 11:41
<iframe src="<%=ifsrc%>" id="ifraser" scrolling="no" width="954px" onload="this.height=ifraser.document.body.scrollHeight" frameborder="0"></iframe>
1