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>
|
本文转自二郎三郎博客园博客，原文链接：http://www.cnblogs.com/haore147/p/3618006.html，如需转载请自行联系原作者