0

次の2ページを比較すると：

ページ1： http: //goldencraft.co/wp/

ページ2： http: //goldencraft.co/wp/contact/

CSS： http: //goldencraft.co/wp/wp-content/themes/minecraft/style.css

コンテンツがある場合、フッターが適切に貼り付けられていないことがわかります。私は1時間それを修正しようとしていたので、誰かがCSS内の問題を見つけられることを望んでいます。ありがとう。

スティッキーフッターの例

4

3 に答える 3

1

犯人はタグのiframe直前にいるようです。</body>これにはvisibility:hidden、ページ上の要素を（と比較してdisplay:none）移動できるようにするルールがあります。

これを削除するか、次のcssを追加することができます。

iframe {
  display:none;
}
于 2012-11-26T05:26:05.100 に答える
0

#footer これで、 cssファイルのyorIDに置き換えるだけです。

#footer {
    background-color: #252525;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
}
于 2012-11-26T05:04:42.730 に答える
0

これを試してみてください

CSS

html,body{height:100%; width:100%; margin:0px; padding:0px;}
#wrapper{width:100%; height:100%; min-height:100%; height:auto; margin:0 auto; margin-bottom:-100px !important; background-color:#999999;}
#push{min-height:100px;}
#footer{min-height:100px; width:100%; overflow:hidden; background-color:#FF0000;}

HTML

<body>
    <div id="wrapper">
        <div id="push"></div><!-- do not remove -->
    </div>
    <div id="footer">Footer</div>
</body>
于 2012-11-26T05:20:13.263 に答える