2012-06-19 82 views
0

我一直在編輯一個WordPress網站,現在我有一個問題,主要內容div溢出頁腳,我不知道如何處理這個問題。 這裏是網站:WordPress頁腳不在底部

www.twazzle.co.uk/twazzle/wordpress/

任何幫助,將不勝感激。

+0

歡迎來到Stack Overflow!請在此添加有意義的代碼和問題描述。不要只是鏈接到需要修復的網站 - 否則,一旦問題解決,這個問題將會給未來的訪問者帶來任何價值。有關更多信息,請參見[我網站上的某些內容不起作用。我可以只粘貼一個鏈接嗎?](http://meta.stackexchange.com/questions/125997/)謝謝! –

+0

不知道我在看什麼。我沒有看到任何溢出......腳註是什麼部分?另外,你的PHP代碼是什麼樣的? –

+0

你期待它看起來像什麼?對於初學者,你有一堆絕對定位,所以我會從那開始.... – Rooster

回答

0

這裏有幾個問題。一,你已經浮動塊內的元素沒有浮動或清除。兩個(這是你的主要問題)你的#content div是position:absolute但沒有別的。絕對定位你的div將忽略其他導致重疊和其他混亂的其他人。修復之前,使一個元素position:absolute使其包含塊元素position:relative。你也想修復浮動問題。

#main { 
    overflow: hidden; //this tells it to contain floated elements inside it 
    } 
#primary { 
    float: left; 
    margin: 10px; 
    position: relative; //this will contain nested absolutely positioned elements 
    width: 999px; 
    } 
1

你的#內容和#primary元素都具有絕對位置,所以它們的尺寸不會影響在頁面上任何其他的佈局,當他們長大/收縮的其他元素不長/合同適合。首先將它們都改爲position:relative或static,這會導致一些其他的事情因爲css被寫入的方式而中斷,但是你必須以此爲出發點來解決它。