作者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