2013-05-31 73 views
0

我創建了一個iframe,當我單擊某些鏈接時會加載多個圖像。 iframe可以在Chrome和Firefox中正常工作,但使用IE會將圖像向下和向右放下約15px,創建一個白色背景。IE中的iframe將內容向下並向右移動

iframe與我加載的圖像大小完全相同(880 x 980)。 我不想在iframe中「推動」圖像,只是在工作的瀏覽器中設置它。

這可能是一些簡單的我不注意..任何想法?

iframe { 
margin: 0; padding: 0; 
position: absolute; top: 0; left: 0 auto; 
_height: 980px; 
_width: 880px; 


<iframe width="880" height="980" id="display" name="display" scrolling="no" frameBorder="0" allowTransparency="true" src="display.html"><center></center></iframe> 
+0

爲什麼你使用iframe是什麼?只需在其中放置''元素,然後通過JS更改其'src'屬性以加載新圖像... – CBroe

+0

對不起,我不擅長編碼。無論如何,你可以舉一個適當的例子嗎?我將不勝感激! – SaturnsEye

回答

0

試試這個

JAVASCRIPT

function autoResize(id){ 
     var newheight; 
     var newwidth; 

     if(document.getElementById){ 
      newheight=document.getElementById(id).contentWindow.document .body.scrollHeight; 
      newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth; 
     } 

     document.getElementById(id).height= (newheight) + "px"; 
     document.getElementById(id).width= (newwidth) + "px"; 
    } 

HTML

<iframe width="880" height="980" id="iframe1" name="display" scrolling="no" frameBorder="0" allowTransparency="true" src="display.html" onLoad="autoResize('iframe1');"><center></center></iframe>