[問題] 關於css版面
想請問一下如網址內的圖 http://www.badongo.com/cn/pic/8284216
白色區塊部份如何讓它消掉 試了調整margin和padding屬性
但依然沒辦法讓區塊間無接縫 麻煩知道的大大解惑一下 謝謝
html碼
<div id="container">
<div id="header">
<h1>標題</h1>
<!-- end #header --></div>
<div id="mainContent">
<h1> 主要內容 </h1>
<p>123</p>
<!-- end #mainContent --></div>
<div id="footer">
<p>頁尾</p>
<!-- end #footer --></div>
<!-- end #container --></div>
CSS
body {
font: 100% 細明體, 新細明體;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.oneColLiqCtrHdr #container {
width: 80%;
background: #FFFFFF;
margin: 0 auto; */
border: 1px solid #000000;
text-align: left;
}
.oneColLiqCtrHdr #header {
background:#06F;
padding: 0 10px 0 20px;
}
.oneColLiqCtrHdr #header h1 {
margin: 0;
padding: 10px 0;
}
.oneColLiqCtrHdr #mainContent {
padding: 0 20px;
background:#FF0
}
.oneColLiqCtrHdr #footer {
padding: 0 10px;
background:#936
}
.oneColLiqCtrHdr #footer p {
margin: 0;
padding: 10px 0;
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.163.151.200
推
01/01 12:55, , 1F
01/01 12:55, 1F
→
01/01 12:55, , 2F
01/01 12:55, 2F
→
01/01 13:43, , 3F
01/01 13:43, 3F