Question

我有什么：我有我们的Minecraft服务器的播放器状态脚本，它显示ip服务器的名称和当前播放器的头部。 2状态框的Div框：外部1用于固定位置，第二个用于分隔框本身。

我想要的：我想要iframe所在的当前divbox：

<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％”时，状态框只是一直放大到按钮，这不是我需要的。

如果您有任何建议，我很乐意在没有iframe的情况下解决这个问题。

提前致谢 ravand

Answer 1

发现了一个很酷的脚本，我认为应该做的就是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>

在div上显示高度改变iframe 100％

1 个答案: