將頁腳擴展到窗口邊緣（左側和右側）

Question

在開發我的網站http://filmblurb.org時，我遇到了頁腳問題。對於我的頁腳，我嘗試了一些新的東西，我正在做一個伸展到瀏覽器窗口外部邊緣的表格，其餘內容（即帖子，jQuery滑塊等）比寬度更窄頁腳。

對於我的頁腳，我在表格中有一個表格，每個表格都包含一個單元格。我想讓外層表達到瀏覽器窗口的100％，並且我打算通過放置某種背景圖像來使用它。在該表格和該表格的前面，我計劃在此單元格中放置頁腳內容（即站點地圖，聯繫信息，版權信息等），該內容將跨越960像素。這個寬度也等於我網站主頁上其餘內容的寬度。

如果有人可以幫我解決這個問題，我將不勝感激。 （如果有幫助，我使用的是Wordpress 3.2.1。）

Answer 1

您需要做的第一件事是將div#footer放在正確的位置。

因此，除去position:absolute;和height:1em;

然後添加一個float和width

#footer { 
    float: left; 
    width: 100%; 
} 

現在你div#footer是你div#wrap，這是保持它爲中心，並從橫跨整個窗口寬度的限制內。

將其從#wrap中刪除，並將其置於div之下，如果您希望它跨越整個頁面。

最後，不要將table用於非表格數據。改爲使用div。

Answer 2

我建議你不要將頁腳浮動到左側，如果將寬度設置爲100％。看看你做什麼。

將此代碼添加到您的CSS並且每個元素都將居中，除非您單獨將它們左移或右移。

• { margin-top：0; margin-right：auto; margin-bottom：0; margin-left：auto; }