1

私はこのスキーマを持っています：

<div id="container">

    <div id="content">some text</div>

    <footer> my footer things </footer>

</div>

と私のCSS：

body {
    font-family:'Open Sans', sans-serif;
    background:url(../imagens/fundo_cima.jpg) top center no-repeat;
    background-color: #bac8e3;
    color:#000;
    font-size:12px;
    height:100%;    
}

#container{
    width:100%;
    min-height:100%;
}

#content{
    width:990px;
    min-height:526px;
    margin:0 auto;  
}

footer{
    position: absolute;
    bottom:0;
    width:100%;
    height:231px;
    background:url(../imagens/fundo_baixo.jpg) center no-repeat;
}

私の問題：小さな解像度（1024x768）では、フッターがcontentdivをホバリングしていますが、大きな解像度では、これはうまく機能します....何を設定する必要がありますか？

4

2 に答える 2

0

#contentフッター用のスペースを確保するために、div にマージンを設定することをお勧めします。

#content{
    width:990px;
    min-height:526px;
    margin:0 auto 231px auto;  
}

フッターのような絶対配置要素は、残りのコンテンツの上に自然に配置されます。この影響を回避したい場合、最も簡単な方法は、他の要素にパディングまたはマージンを介してスペースを空けることです。

于 2012-06-22T14:04:21.940 に答える
0

このチュートリアル/コードを使用して幸運に恵まれました。http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

于 2012-06-22T14:00:54.710 に答える