CSS：背景顏色問題

我想讓頁眉和頁腳背景在x上重複。所以它需要任何頁面分辨率的所有寬度大小。CSS：背景顏色問題

這是我希望它看起來像： Concept

的這個如何被顯示： Template

我使用的是960個GS，每格被限制爲960像素。有沒有辦法通過x擴展div的顏色？

在這裏看到的項目： http://gabrielmeono.com/yonature/

來源

2011-08-16 Gabriel Meono

是有

你要的頁面分成3個部分：頭，身，尾做的是我們要怎樣一點點創建的div一點CSS。我們將有一個一直到網站兩側的div和一個以div爲中心的div。我會告訴你如何做到這一點的標題，你讓身體/頁腳同樣的事情：

<html> 
<head> 
<style type="text/css"> 
html{} 
body { margin: 0px; width: 100%; } 
#headerCenter { float: left; width: 100%; text-align: center; color: #00AA00; height: 120px; } 
#headerContainer { margin: 0 auto; width: 960px; } 
#header { width: 100%; float: left; height: 120px; } 
</style> 
</head> 
<body> 
<div id="headerCenter"> 
    <div id="headerContainer"> 
     <div id="header">HEADER</div> 
    </div> 
</div> 

.. same for body/footer.... 
</body> 
</html>

這樣的伎倆是：

一個div（#headerCenter）它貫穿整個頁面。我們將爲它定義高度，繪製背景，並設置'text-align：center;'
我們在裏面放了一個'margin：0 auto'的div。和所需的寬度。沒有FLOAT在這個div！這將創建一個高度爲0的div，放置在父div的中心。
裏面我們把標題。我們可以設置浮左等...寬度可以是100％（或960像素）

重複此爲主體和用於頁腳

另一方法順便說一句，使用HTML表格，其中我不喜歡用於佈局。如果您有任何麻煩，設置此功能，讓我知道，我會爲你

來源

2011-08-16 00:52:33 galchen

由於這是真正有用的做佈局 –

CSS：背景顏色問題

回答

相關問題