1

スティッキーフッターに関してたくさんの質問があることは知っていますが、私のページでそれらを機能させることができないようです。

誰かが私のフッターを固定ではなく粘着性にするのを手伝ってもらえますか?

私のHTML

<div id="container">
      <div id="header"></div>
      <div id="content"></div>
      <div id="footer"></div>
</div>

私のCSS

#container {
    width: 980px;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto; }

#content {
    width: 100%;
    min-height: 100%;
    margin: 40px 0;  }

#footer {
    width: 3000px;
    min-height: 185px;
    background-color: rgb(0,173,239);
    margin-left: -1000px;  }

さまざまな位置(相対、固定など)を試しましたが、機能しません。フッターを修正してコンテンツをカバーしているようです。助言がありますか?

4

1 に答える 1

0

このCSSを試してください:

body {
    min-height: 100%; }

#container {
    width: 980px;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto; }

#content {
    width: 100%;
    min-height: 100%;
    margin: 40px 0;
    margin-bottom: 290px;  }

#footer {
    width: 100%;
    min-height: 185px;
    background-color: rgb(0,173,239);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;  }
于 2013-03-24T20:34:32.120 に答える