作者monoceros (孩子，這就是人蔘)
看板Web_Design
標題[問題] 關於css
時間Sat May 6 21:27:07 2006
第一次用css排板 實在很多地方不懂 麻煩大家指點一下 感謝
如下：
┌────────────┐
│ banner │
├──┬──────┬──┤
│ │ │ │
│ │ │ │
│ │ │ │
│ A │ B │ C │
│ │ │ │
│ │ │ │
├──┴──────┴──┤
└────────────┘
A是選單 下面是板權宣告
全部都用css 沒用到表格 而且每一區塊都是有背景顏色的
如果B的內容超過一頁時 只有B的背景會跟著變長 A和C保持
原有長度 而且板權宣告也不會排在最下面
請問怎麼讓內容增長超過一頁時 中間的三個區塊一
跟著內容延伸變長?
以下是css碼
body {
text-align:center;
}
.menubackground {
width:140px;
height:387px;
margin-left:0;
margin-right:0;
margin-top:0;
top:49px;
left:0;
background-color:#339900;
position:absolute;
}
.contents {
width:440px;
height:387px;
margin-left:auto;
margin-right:auto;
position:absolute;
left:140px;
top:49px;
background-color:#E6FDC6;
color:#000000;
}
.pic {
width:198px;
height:387px;
margin-left:auto;
margin-right:auto;
position:absolute;
left:580px;
top:49px;
background-color:#FFCC00;
}
p.head {
text-align:left;
margin-left:0;
margin-top:0;
font-size:15pt;
font-family:Verdana;
font-weight:bold;
color:#FF00CC;
margin-bottom:0;
background-color:#99CC00;
padding-bottom:10px;
padding-top:10px;
padding-left:10px;
top:0;
left:0;
width:778px;
position:absolute;
border-bottom:solid 5px #669999;
}
p.menu {
background-color:#339900;
font-size:10pt;
margin-left:0;
margin-right:0;
margin-top:0;
width:140px;
border-top:solid 1px #CCFFCC;
position:absolute;
left:0;
}
p.menu a {
color:#FFFFFF;
border-bottom:solid 1px #CCFFCC;
text-decoration:none;
display:block;
width:100%;
line-height:2em;
}
p.menu a:hover {
color:#FFFF00;
}
address {
border-top:solid 5px #669999;
padding-top:4px;
padding-bottom:4px;
text-align:right;
font-size:10pt;
font-style:normal;
color:#CCFFFF;
background-color:#99CC00;
position:absolute;
top:436px;
left:0;
width:778px
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.104.150.69
1F：推 windwofswold:A,C的height要設定 B的取消試試看 05/06 21:59
2F：推 monoceros:B的取消B就沒背景色了欸 感謝回答 05/06 22:18
3F：推 windwofswold:哎呀 漏看了某個地方...抱歉 05/06 22:58