爲什麼這個頁腳不能完全展開到兩側？

我正在爲我學校的網站設計一個模板，需要一些幫助。所有的事情都很棒，直到我到達頁腳。我已經注意到，所有的東西都是，但是的頂部導航無法完全展開到屏幕兩側。這非常令人沮喪，因爲我試圖將頁腳填充到與導航相同的寬度。爲什麼這個頁腳不能完全展開到兩側？

For your convenience, I have uploaded a copy of the template here.我相信它與css有關，但我嘗試了所有可能的值，我可以想到沒有任何效果。

如果可以，請幫助。

謝謝你的時間。

來源

2011-08-27 cssplant

[驗證代碼（http://validator.w3.org/check?uri=http%3A%2F%2Ftest.victoriaparkci.com%2Ftpl2%2F&charset =％28detect +自動％29＆DOCTYPE =內嵌＆組= 0）。 – Sparky

因爲您在body元素上有8像素的邊距。在你的CSS，試試這個

body, html 
{ 
    margin: 0; 
    padding: 0; 
}

這是一個很好的片段，包括在每個項目順便說一句。

來源

2011-08-27 21:15:51 gargantuan

大聲笑快一秒;） –

非常感謝你！我簡直不敢相信那很簡單：D – cssplant

添加margin: 0 body標籤

來源

2011-08-27 21:15:53

非常感謝！ – cssplant

保證金地址：0像素的身體{標籤在CSS

這將解決這個問題：

body{ 
    background: #fbe2a9 url(images/body-bg.jpg) repeat-x top; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px; 
    margin: 0px; 
}

來源

2011-08-27 21:17:25

瀏覽器，默認情況下，給body標出保證金。所以，你需要做的是設置爲0：

body { margin: 0; }

爲什麼頂部導航看樣子你是如何想的原因，是因爲你設置position到fixed和「粘合」它的屏幕左上角（0，0），寬度爲100％。

來源

2011-08-27 21:17:47 wsanville

嗯，要開始，你要清楚：both和float：left，當你只需要清除：兩者。然後添加以下到#footer_wrapper：

#footer_wrapper { 
    position:relative; 
    left:-7px; 
}

來源

2011-08-27 21:27:10 monkdogz

爲什麼這個頁腳不能完全展開到兩側？

回答

相關問題