iframe在ie和firefox中的高度兼容性问题解决

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" onload="resizeIframe('iframe')" frameborder="0" marginheight="0" align="middle" scrolling="no" style="700px;height:110px;"></iframe>