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

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，如需转载请自行联系原作者