0

我有什么：我有一个用于我们的 Minecraft 服务器的玩家状态脚本，它显示服务器的名称、ip 和当前玩家的头像。状态框的 2 个 div 框：外部 1 用于固定位置，第 2 个用于 div 框本身。

我想要什么：我想要 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 的情况下解决这个问题。

提前致谢

4

1 回答 1

0

找到了一个很酷的脚本，我认为应该在这里解决问题。

<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-02T22:14:33.663 回答