1.问题描述：
|
1 |
<iframe src="p_photo_cont_iframe.html"
name="iframe"
width="700"
marginwidth="0"
*height="150"
height="110"
marginheight="0"
align="middle"
scrolling="no"
frameborder="0"></iframe> |
IE高度正常，但FOX显示少了4分之1。
*height="150" height="110" 无法解决。
2. 处理方式
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 |
首先判断浏览器是IE还是火狐,然后专门针对火狐做单独的样式处理.<script type="text/javascript"> function resizeIframe(obj) { var Iframe = document.getElementById(obj); if
(Iframe){ if
(Iframe.contentDocument){//ff Iframe.style.height = Iframe.contentDocument.body.scrollHeight +40+‘px‘; } else
if(Iframe.document && Iframe.document.body.scrollHeight){//ie Iframe.style.height = iframe.document.body.scrollHeight + 40
+ ‘px‘; } } }</script>在Iframe加载的时候就调用这个函数<iframe src="p_photo_cont_iframe.html"
name="iframe"
id="iframe"
onload="resizeIframe(‘iframe‘)"
frameborder="0"
marginheight="0"
align="middle"
scrolling="no"
style="width:700px;height:110px;"></iframe> |
iframe在ie和firefox中的高度兼容性问题解决,布布扣,bubuko.com
原文：http://www.cnblogs.com/haore147/p/3618006.html