0

我想让我的 body-container div (position:relative) 适合所有屏幕尺寸的页眉和页脚。页脚处于固定位置。body-container 应该调整大小以适应页眉和页脚。

虽然 css 是首选，但如果在 jQuery/JS 中更容易做到，那么我会使用它。
请让我知道我应该在页面中进行哪些更改，或者您是否需要有关 div 的更多信息。

PS：我在 phonegap 中使用此页面在 iPhone 和 iPad 中都显示。

编辑：

这是我正在尝试做的模型代码的 JSFiddle 。我希望#slider div 介于#fcheader 和#footer 之间。
由于链接到 JSFiddle 也需要代码，这里是代码 -

HTML -

<div id="fcheader">
    <div id="headertext">Title1</div>
    <div id="headertitle">Title2</div>
</div>
<div id="bodycontent">
    <div id="slider">Body</div>
</div>
<div id="footer">
    <table width=100%>footer</table>
</div>
</div>

CSS -

#slider{
    position:absolute;
    width:100%;
    height:200px;
    top:0;
    overflow-y:scroll;
    overflow-x:hidden;
    font-color:#0067b3;
    background-color:yellow;
}
#headertitle{
    clear:both;
    color:#5E99D7;
    font-size:2.1em;
    margin-left:3%;
    position:relative;

}
#fcheader{
    background-color:red;
}
#headertext{
    clear:both;
    color:#0067b3;
    font-size:2.02em;
    margin-left:3%;
    margin-top:1%;
    padding-top:0.8%;
    padding-right:5%;
    float:right;
}
#bodycontent{
    position:relative;
}
#footer{
    position:fixed;
    width:100%;
    height:70px;
    bottom:5%;
    background-color:aqua;
}
4

0 回答 0