我在#bodycontent旁边有#rightcontent和#rightrule,所有#bodywrapper都在#footer下面。
#bodywrapper会在将内容添加到#rightcontent时向下延伸,但在添加到#bodycontent时则不会向下延伸。 #bodywrapper需要根据#bodycontent向下拉伸,以便#footer正好对着它。
#bodywrapper {
width: 1000px;
background-color: #000;
margin: 0 auto;
padding: 0;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #FF0000;
border-right-color: #434343;
border-bottom-color: #434343;
border-left-color: #434343;
color: #FFF;
height:100%;
display:block;
clear:none;
height:auto;
}
#topfade {
background-image:url(img/top_body_background.jpg);
background-repeat-y:no-repeat;
display:block;
min-height:150px;
width:100%;
background-color:#000000
}
#Bodycontent {
width: 725px;
padding:15px;
top: -150px;/*newly added*/
text: #FFF;
float:left;
display:block;
}
#rightcontent {
margin-left:765px;
margin-top: -170px;
padding-left: 10px;
vertical-align:top;
display:block;
}
#rightrule {
margin-left:755px;
margin-top: -125px;
vertical-align:top;
width:3px;
height:100%;
}
#footer {
background-image:url(img/footer_background.jpg);
background-repeat-x: no-repeat;
text-align:center;
size: 18pt;
vertical-align:bottom;
color:#FFF;
margin:0 auto;
border-width: 1px;
border-left-style: solid;
border-right-style:solid;
border-bottom-style: solid;
border-color:#434343;
display:block;
min-height:70px;
width:1000px;
background-color:#000000;
border-bottom-left-radius:25px;
border-bottom-right-radius:25px;
clear:left;
}