iframe.style.height="100%"ie7中无效
2011-03-11 16:14
369 查看
100%高度的iframe在ie7中显示错误,原因是iframe.style.height="100%"。
1.设置iframe父容器的高度值,100%就能生效(由此猜测默认情况下iframe的父容器高度是某个比较小的值,因此显示出来高度比较小)
2.如果是脚本动态创建的,iframe.style.height=document.body.scrollHeight,如果document.body.scrollHeight没用,可以使用screen.availHeight
---------------------------------------------------------------------------------------------------------------------------
在网上搜到很多iframe自适应高度的文章。我们只需要让iframe的高度跟浏览器显示区域的高度一样就行了,跟iframe自适应高度是不一样的。
<iframe id="iFrame1" name="iFrame1" width="100%" onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>
是要让iframe的高度跟iframe里面的内容高度一致。
1.设置iframe父容器的高度值,100%就能生效(由此猜测默认情况下iframe的父容器高度是某个比较小的值,因此显示出来高度比较小)
2.如果是脚本动态创建的,iframe.style.height=document.body.scrollHeight,如果document.body.scrollHeight没用,可以使用screen.availHeight
---------------------------------------------------------------------------------------------------------------------------
在网上搜到很多iframe自适应高度的文章。我们只需要让iframe的高度跟浏览器显示区域的高度一样就行了,跟iframe自适应高度是不一样的。
<iframe id="iFrame1" name="iFrame1" width="100%" onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>
是要让iframe的高度跟iframe里面的内容高度一致。
相关文章推荐
- IE下iframe height="100%"无效的解决方法
- js中style.display=""无效的解决方法
- js中style.display="" 无效的解决方案
- 小的div在大的div中垂直居中 方法一: 1、代码: 1 <div style="width:200px;height:200px;border:solid blue;position:rela
- android中关于scrollview内部组件android:layout_height="fill_parent"无效的解决办法
- 关于 iframe 在ie11 height:100% 无效的巨坑
- android中关于scrollview内部组件android:layout_height="fill_parent"无效的解决办法
- ie7 height 100%无效解决办法
- 解决网页高度height="100%"不起作用的问题
- AS("ul").attr('hidefocus','true'); 在IE7中无效
- iframe height 100% 无效问题解决(转)
- IE7 showModalDialog中<base target="_self"/>无效
- android中关于scrollview内部组件android:layout_height="fill_parent"无效的解决办法
- IE7提示"无效字符"的问题
- ie6、ie7、ie8下支持js 使用vml style.addRule('v\\:line,v\\:stroken',"behavior:url(#default#VML);")
- android中关于scrollview内部组件android:layout_height="fill_parent"无效的解决办法
- Android Scrollview 内部组件android:layout_height="fill_parent"无效的解决办法
- android中scrollview内部组件android:layout_height="fill_parent"无效的解决办法
- android中关于scrollview内部组件android:layout_height="fill_parent"无效的解决办法
- div之间的间距 style="display:table ;padding-bottom: 20px; width: 100%"