擴展背景顏色填充窗口仍然保持要素到位

我試圖延長灰色菜單欄和藍色的背景，以填補窗口（無論大小），但保持在一個固定大小爲中心的內容。一直在努力爭取這一段時間，似乎無法弄清楚。

謝謝！

2011-05-30 coderego

您需要哪種瀏覽器/版本支持？ – thirtydot 2011-05-30 17:25:04

Safari/Chrome，FF，Opera，IE7 + – coderego 2011-05-30 17:46:59

在<body>上使用背景圖像。

.body { 
    background:#F2F4EE url(menu-bar.jpg) TOP CENTER REPEAT-X; 
}

2011-05-30 17:04:18

這是行不通的，因爲我想製作一個具有相同屬性的頁腳（居中內容，重複背景） – coderego 2011-05-30 17:16:43

嘗試在您的nav類中添加寬度樣式。像這樣

.nav 
{ 
    width: 100%; 
}

2011-05-30 17:04:29

這不會工作，它的另一個div的內部設置寬度！ – coderego 2011-05-30 17:15:52

從#container刪除以下聲明：

margin-left: auto; 
margin-right: auto; 
width: 1024px;

添加以下聲明body：

margin: 0;

2011-05-30 17:27:17 melhosseiny

...？那麼我的內容就不會按照它的需要居中，並且頁面的一部分應該具有特定的寬度（1024）。擴展背景是爲了使頁面在更高分辨率下看起來不錯。 – coderego 2011-05-30 17:58:57

我在Chrome上試過了，它居中。也許你有另一個瀏覽器的問題。如果需要，可以將「width：1024px;」聲明添加到內部元素。 – melhosseiny 2011-05-30 18:02:08

回答