解决iFrame自适应高度(兼容IE6,IE7与FireFox)
2009-12-17 09:17
239 查看
今天遇到iFrame高度自己适应的问题,没有很好的解决办法,
取巧让iframe高度与显示屏高度保持一致算了(减去顶部的高度)
代码
<iframe src="Main.aspx" scrolling="no" frameborder="0" height="100%"
id="mainFrame" width="100%"
onload='document.getElementById("mainFrame").style.height=(window.screen.height-100)+"px";'>
</iframe>
下面是搜索到的一些方法,兼容性不好,没用上,有空仔细看看。
<iframe id="iFrame1" name="iFrame1" width="100%"
onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0"
src="index.htm"></iframe>
谁有更好的办法请不吝赐教,谢谢。
取巧让iframe高度与显示屏高度保持一致算了(减去顶部的高度)
代码
<iframe src="Main.aspx" scrolling="no" frameborder="0" height="100%"
id="mainFrame" width="100%"
onload='document.getElementById("mainFrame").style.height=(window.screen.height-100)+"px";'>
</iframe>
下面是搜索到的一些方法,兼容性不好,没用上,有空仔细看看。
<iframe id="iFrame1" name="iFrame1" width="100%"
onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0"
src="index.htm"></iframe>
谁有更好的办法请不吝赐教,谢谢。
相关文章推荐
- iframe自适应高度(简单经典)兼容ie6-ie9 ,firefox,opera,chrome
- iframe自适应高度(IE6、IE7、fireFox下测试通过)
- iframe在ie9 ie8 ie7 ie6 360 firefox中自适应高度
- iframe自适应高度(IE6、IE7、fireFox下测试通过 必须统一域下)
- iframe框架高度自适应在兼容模式下(ie7)不兼容的解决方法
- 解决火狐iframe自适应高度,兼容IE6、7、8
- 兼容firefox的iframe高度自适应代码
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- 解决IE6、IE7、Firefox兼容最简单的CSS Hack
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- div错位/解决IE6、IE7、IE8样式不兼容问题,高度不适应
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- 整理三种解决兼容FIREFOX下背景层的自适应高度
- Javascript获取页面各种宽度高度(各种浏览器ie6,ie7,firefox下怎么获取更好兼容)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- JavaScript 在ie6 ie7 ie8和Firefox下bug兼容解决记录(包含部分CSS )
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)[转]