顯示屏高度變化iframe 100％div

我有什麼：我有一個我們的Minecraft服務器的播放器狀態腳本，它顯示了服務器的名稱以及當前播放器的頭像。狀態框的2個分隔框：一個外部1固定位置，第二個固定分隔框本身。顯示屏高度變化iframe 100％div

我想要什麼：我想目前divbox其中I幀是：

<div class="statusbox"> 

<div class="statusboxinner"> 
<iframe src="players_main.php" height="auto" width="140px" frameborder="0"   scrolling="no" padding="fixed" marginheight="auto"></iframe> <iframe src="players_hg.php" height="auto" width="140px" frameborder="0" scrolling="no" marginheight="auto"></iframe> 
</div> 
</div>

100％固定於由不同iframe裝載的PHP文件。

CSS代碼：

.statusbox { 
position: fixed; 
background: none; 
margin-top: 472px; 
margin-left: 1000px; 
#pointer-events:none; 
z-index:0; 
} 


.statusboxinner { 
float: right; 
margin-right: -243px; 
#pointer-events:auto; 
position: relative; 
padding: auto; 
height:auto; 
padding-top:auto; 
margin-bottom:auto; 
background-color: white; 
border-radius: 3px; 
text-shadow: 0px 1px 0px black; 
box-shadow: inset -4px 0px 5px rgba(0,0,0,0.2); 
}

你可以看一下它這個頁面www.ravand.org（右浮箱）

什麼我的問題是：我可以簡單地添加固定量像素作爲divbox的高度，但問題是，根據有多少人在服務器上玩的PHP文件/ iframe放大到底部。當我嘗試設置「高度：100％」時，狀態框只是簡單地放大到一直到不需要的按鈕。

，如果您有任何建議，我會很高興地解決這個問題，而I幀。

在此先感謝 ravand

來源

2013-01-02 Ravand

發現了一個很酷的劇本我覺得應該做的伎倆here。

<script type="text/javascript"> 
    <!--// 
    function sizeFrame() { 
     var F = document.getElementById("myFrame"); 
     if(F.contentDocument) { 
      F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome 
     } else { 
      F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome 
     } 
    } 

    window.onload=sizeFrame; 
    //--> 
</script>

來源

2013-01-02 22:14:33 vortextangent

我會嘗試把它放在文檔的''。此外，請確保將「myFrame」更改爲您的div的id。 – vortextangent

顯示屏高度變化iframe 100％div

回答

相關問題