我想讓頁眉和頁腳背景在x上重複。所以它需要任何頁面分辨率的所有寬度大小。CSS:背景顏色問題
這是我希望它看起來像:
的這個如何被顯示:
我使用的是960個GS,每格被限制爲960像素。有沒有辦法通過x擴展div的顏色?
在這裏看到的項目: http://gabrielmeono.com/yonature/
我想讓頁眉和頁腳背景在x上重複。所以它需要任何頁面分辨率的所有寬度大小。CSS:背景顏色問題
這是我希望它看起來像:
的這個如何被顯示:
我使用的是960個GS,每格被限制爲960像素。有沒有辦法通過x擴展div的顏色?
在這裏看到的項目: http://gabrielmeono.com/yonature/
是有
你要的頁面分成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表格,其中我不喜歡用於佈局。 如果您有任何麻煩,設置此功能,讓我知道,我會爲你
由於這是真正有用的做佈局 –