1

Objectタグを含むネストされたDIVタグを取得して、親コンテナの残りのスペースに拡張しようとしています。

私が持っているのは、3つのDIVタグで構成されるheader-content-footerテンプレートです。コンテンツDIVには、別のHTMLページを含むオブジェクトがあります。ヘッダーとフッターの高さは絶対ピクセル値に設定されます。コンテンツDIVに残りのスペースを占有してもらいたいのですが。何をするにしても、DIVコンテンツタグを画面の高さの100％にするのが最善のようです。コードは次のとおりです。

<body>
<div id="pageWrap">
<div id="page">
    <div id="header" style="height:68px;"></div>
    <script type="text/javascript">
            $(document).ready(function() {
                $("#header").load('header.jsp');
            });
    </script>
    <div id="mapLocation" style="width:100%; height:100%; overflow:auto;">
    <object type="text/html" style="width:100%; height:100%;" data="top/index.html"></object>
    </div>
    <div id="footer"></div>
    <script type="text/javascript">
        $(document).ready(function() {
                $("#footer").load('footer.jsp');
        });
    </script>
</div>
</div>
</body>

jQuery、CSS、その他のソリューションはどれでも良いです！

助けてくれてありがとう

ギルマン

4

2 に答える 2

0

ヘッダーとフッターに絶対位置を指定している場合は、パーセンテージ値を使用できますか?

何かのようなもの：

#header {
height:20%;
}

#footer {
height: 20%;
}

#div {
height: 60%;
}
于 2012-09-21T13:53:14.710 に答える
0

これは、私が数週間前に回答した質問と同じだと思います: ページがウィンドウを埋めるコンテンツでギャップを埋めます

于 2012-09-21T15:07:24.410 に答える