出現在WordPress網站底部的額外空間

我是一個新的海報到這個網站。我已經用它作爲研究資源好幾年了，但這是我第一次被困在需要接觸整個社區的地步。出現在WordPress網站底部的額外空間

我目前正在爲客戶完成對網站的重新設計。它使用大量定製版本的WooThemes Canvas作爲框架，並且生活在http://dev.victorybeer.com。我在footer.php文件中添加了一些額外的標記項目，以便在底部顯示一些動態數據以及標準頁腳票價。您可以看到的問題是顯示在頁腳下方（藍色背景可見）的額外空間。該網站應該以紅色「footercontainer」DIV結束。

我已經對我的標記和CSS（使用FireBug）進行了雙重和三重檢查，以確保一切都是有效的，並且沒有從可能推倒底部的內部元素應用邊距或填充，但我完全沒有看到任何跡象表明它會創造這個。由於缺乏一些奇怪的PHP問題，我無法理解它爲何會發生。當我刪除底部導航和footercontainer DIV時，該網站會正常終止（就在「歐洲傳統...」標語下方）。

我向WooThemes提交了一張HelpDesk票據，我得到的答案是將300px的高度硬編碼到footercontainer DIV，以便將其推下以覆蓋空間。作爲一個響應網站，這不能很好地適應我，而且似乎更多的是覆蓋症狀而不是治療原因。當我重新打開了票，並指出解決辦法是不夠的，響應迷惑我：

原因它產生間隙，是因爲頁腳是也不達到一路底部和高度到頁腳固定那。我也在移動視圖上測試解決方案，並且它工作。

如您所知，網頁上的所有元素都會相互影響，底部的間隙就是這個結果。我已經在我的網站上工作，其中的元素沒有完全按照我需要的方式進行渲染，並添加了諸如此類修正的css。

不止這個，我真的不知道。

咦？我想知道的是爲什麼頁腳並沒有達到底部，而不是如何掩蓋事實並非如此。

任何人都可以幫助嗎？我將非常感激。該網站預定在3/3上線，因此您的集體協助是值得讚賞的。

來源

2013-02-22 Michael Mafodda

我不知道Firebug的標記驗證如何工作，但可能值得使用[w3c驗證程序]進行雙重檢查（http://validator.w3.org/check?uri=http%3A%2F%2Fdev .victorybeer.com％2F＆字符集=％28detect +自動％29＆DOCTYPE =內嵌＆組= 0）。你有一些重複的ID和一些奇怪的自動關閉標籤看起來不正確。不知道這是你的問題的原因，但它可能沒有幫助。 – Hobo 2013-02-22 20:03:30

我從來不喜歡那些清晰的hax，有一天它會回來困擾你。試試'#footer {height：auto; }'看看它是否有幫助，它使用Firefox螢火蟲爲我工作。 – kjetilh 2013-02-22 21:32:17

我以前也有過這個問題。我已經修復了一些方法，儘管它可能不是最好的方法。

當沒有足夠的「高度」內容時，修復它的一個簡單方法就是在custom.css（第460行）上修改高度。

我試過了，它似乎工作來填補額外的空間。

#footercontainer { 
background-image: url("images/vbc_bkg_wfh.png"), url("images/vbc_bkg_footer.png"); 
background-position: 80% 70px, left top; 
background-repeat: no-repeat, repeat; 
border-top: 1px solid #270101; 
height: 280px;

我已經將高度更改爲280px，並且它似乎始終工作，因爲您的網頁都缺少相同的間隙高度。如果你正在尋找更深入的東西，我認爲你必須檢查你的所有html以及CSS。這個修補程序在過去對我有效。

來源

2013-02-22 21:02:41

出現在WordPress網站底部的額外空間

回答

相關問題