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. 处理方式
首先判断浏览器是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" οnlοad="resizeIframe('iframe')" frameborder="0" marginheight="0" align="middle" scrolling="no" style="width:700px;height:110px;"></iframe>