1

これに関する多くの回答を読みましたが、問題は解決しません。一番下までスクロールしたときのメインページでは、フッターに余分なスペースがありますが、その下の余分なスペースは私のページの背景のようです. 他のページでは、フッターは問題ありません。これは、メイン ページのコンテンツが短いために発生したと思います。私は実際にマージンボトムを追加してサイドバーをごまかしました。これを修正するすべてのブラウザと画面サイズに適用されるヘルプはありますか? ありがとう！

これは私のフッターの CSS です:

#footerArea{
    height:108px;
    width:100%;
    z-index:5;
    background:url('../images/footerArea.jpg') #404042;


}
#footerPart{
    height:48px;
    width:988px;
    margin:0 auto;
    padding:0px;
    background:url('../images/footerbg.jpg') no-repeat #404042; 
}
#footerPart a {
    text-decoration:none;
}

#footerLink{
    margin:0 auto;
    padding:15px 0px 0px 0px;
    width:960px;

    }
#footerLink ul{
list-style-type:none;
float:left;
}
#footerLink ul li{
    display:inline;
    margin:0px 5px 0px 0px;
}
#footerLink ul li a{
    background:url('../images/footerbtn.jpg') no-repeat;
    font-size:10px;
    text-decoration:none;
    padding:0px 0px 0px 15px;
}

EDITED：これはfooter.phpからのものです

<div id="footerArea">
        <div id="footerPart">
        <div id="footerLink">
            <ul>
        <li><a href="<?php bloginfo('url'); ?>?page_id=10">xxx</a></li>
        <li> | </li>
        <li><li><a href="<?php echo get_option('home'); ?>/?page_id=17">yyyy</a></li>
        <li> | </li>
        <li><a href="https://zzz.com" target="_blank">zzzzz</a></li>
        <li> | </li>
        <li><a href="http://aaa.com" target="_blank">aaaaaa</a></li>

       </ul>
       <p class="fR">SOME TEXT　<a href="http://www.somesite.php" target="_blank">ggggg</a></p>
     </div>
   </div>
 </div>


</body>
</html>

Chrome、Firefox、IE でテストしましたが、出力は同じです。

4

2 に答える 2

1

ドキュメントの末尾に、何らかの種類の Web トラッキング コードまたはその他の JavaScript (javascript タグ内) があるかどうかを確認します。数行の JavaScript コードである必要がありますが、一部のブラウザー (特に IE) では、フッターの下のスペースを占有することがあります。コードペンのリファレンスを提供していただければ、レビューできます

于 2013-05-15T06:05:24.823 に答える
0

HTML には、終了タグがないため、コードを無効にする<li>別のタグが埋め込まれています。<li>

それどころか、「余分なスペースがあります」などの漠然とした問題をデバッグするのは困難です。さらなる洞察を提供するために、jsfiddle などを提供していただければ幸いです。

それを提供できない場合、または方法がわからない場合は、デバッグのヒントを提供できます。デバッグに google chrome を使用している場合は、webkit インスペクタに移動するか、firefox を使用している場合は firebug (右クリックして「要素を検査」) に移動し、特定の要素の CSS とボックス化を確認します。

それが失敗し、余分なスペースの原因を突き止められない場合は、要素を右クリックして、問題の原因であると思われる要素の削除を開始できます。要素が削除されると、ブラウザには表示されなくなります。そのため、1 つを削除しても問題が解決しない場合は、それがその要素ではない (または複数の要素であるが、それほど複雑ではありません) ことを知って安心できます。

于 2013-05-15T04:09:20.163 に答える