0

私が持っているもの: サーバーの名前、IP、および現在のプレーヤーの頭を表示する Minecraft サーバー用のプレーヤー ステータス スクリプトがあります。statusbox 用の 2 つの Div ボックス: 外側の 1 つは位置を固定し、2 つ目は divbox 自体を固定します。

私が欲しいもの: iframes が入っている現在の 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>

iframes によって読み込まれる php ファイルに 100% 修正されます。

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 に答える