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="width:700px;height:110px;"></iframe>