WordPress的：頁腳下的額外空間

我已經閱讀了很多關於此的答案，但它不能解決我的問題。在滾動到底部的主頁面上，頁腳有一個額外的空間，但它看起來像它下面的額外空間是我的頁面的背景。在其他頁面中，頁腳沒問題。我認爲這是因爲我的主頁有一個簡短的內容。我實際上通過增加保證金底部來欺騙其側邊欄。適用於所有瀏覽器和任何屏幕大小的任何幫助將解決此問題？謝謝！WordPress的：頁腳下的額外空間

這是我頁腳的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; 
}

編輯：這是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測試，但它具有相同的輸出。

來源

2013-05-15 Monica Negapatan

我們需要的不僅僅是CSS ......嘗試包括一些HTML結構......您還使用了哪種瀏覽器？您是否嘗試過其他瀏覽器？ – hayonj

請重新檢查，編輯它。 –

請嘗試瞭解您的問題缺乏信息。哪個是您的#footArea選擇器定位的元素的上下文？那邊有包裹嗎？順便說一句，你是否知道一個z-index值只對定位元素有意義？請。善待。將html和css包含在你的問題中，肯定很多人都會很樂意幫助你。 – Fico

在您的HTML中，嵌入另一個<li>中的<li>標記使代碼無效，因爲它沒有結束標記。

簡而言之，很難調試這樣一個模糊的問題，因爲「有額外的空間」。爲了提供進一步的洞察力，如果你可以提供一個jsfiddle或類似的東西，那將是非常好的。

如果你不能提供或不知道如何，我可以提供一些調試技巧。如果你使用谷歌瀏覽器進行調試，你可以進入你的webkit檢查器，或者如果使用firefox進入firebug（右鍵單擊「檢查元素」）並查看CSS和裝箱以查找特定元素。

如果失敗了，你仍然無法弄清楚是什麼導致了額外的空間，你可以右鍵點擊元素並開始刪除那些你認爲可能是問題根源的元素。一旦一個元素被刪除，它將不再出現在你的瀏覽器中，所以如果你刪除一個元素並且問題依然存在，那麼你可以很容易地知道它不是那個元素（或者是多個元素，但是不要那麼複雜。）

來源

2013-05-15 04:09:20 user2380171

檢查您的文檔末尾是否有某種網頁跟蹤代碼或任何其他javascript（在JavaScript標記中）。雖然它必須是幾行javascript代碼，但它有時會在某些瀏覽器的頁腳下佔據空間，特別是在IE中。如果您可以提供codepen參考，我們可以查看

來源

2013-05-15 06:05:24 dhanush

WordPress的：頁腳下的額外空間

回答

相關問題