3

私はこのサイトを使用しています。

目的：
すべてのページのコンテンツに基づいてフッターを移動したい。

1）コンテンツが多い場合は、コンテンツの後にフッターを配置します。2）次の画像の代替テキスト
にこのようなコンテンツがない場合は、フッターをウィンドウ画面の下部に固定したいhttp://www.freeimagehosting.net/uploads/e893eac88b.png

私の既存のCSS：

現在、フッターを下部に保持するために#contentでmin-heightプロパティを使用しています。

#footer_outer{
    width:100%;
    background:#444;
    padding:10px 0 0 0;
    margin-top:50px;
    height: 130px;
}

#footer {
    margin:0 auto;
    width:834px;
    height:auto;
    overflow:hidden;
}

#content {
    padding:5px;
    margin:0 auto;
    width:890px;
    height:auto;
    min-height:450px;
}

body {
    font-family:'Helvetica Neue', helvetica, arial, sans-serif;
    color:#757575;
    font-size:14px;
    padding:0;
    margin:0;
    background:#FAFAFA;
}

私の目的を達成するために私を助けてください。よろしくお願いします。

よろしく、バス

4

1 に答える 1

1

1.固定位置divを使用します

http://www.dailycoding.com/Posts/creating_always_visible_div_using_css.aspx

CSSをに変更します

#footer {
    margin:0 auto;
    width:834px;
    height:auto;
    overflow:hidden;
    position: fixed;
    bottom: 0px;
}

2.フッターをページの下部に保持する方法

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

于 2010-06-25T04:21:57.980 に答える