http://preview.goodinkproductions.com/CG8F13
我设法让页脚跨越网站(与容器内的主体和AOK不同)。但是,我不能让页脚背景变得坚实。看来下面我有一个纯色带,但页脚内容不在那个“空间”中。我想要的只是一个包含内容的实心跨页页脚!
CSS
/ *页脚
-------------------------------------------------- ------------------------------ * /
#footer {
width: 100%;
background-color:#FF8800;
}
#footer-content{
width: 950px;
height: 80px;
margin-left: auto;
margin-right: auto;
}
#footer p {
color: #878787;
font-size: 12px;
}
#footer blockquote {font-size:11px; color:#999;}
#footer a {
color: #a59b8c;
}
#footer a:hover {
color: #cab99f;
}
#footer span {
vertical-align: middle;
}
#footer h2 {
font-size: 15px;
margin: 0 0 2px;
padding: .3em 0;
line-height: 1.5;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 700;
color: #ebb058;
}
.wsite-footer { /* make sure enough space between element footer and attribution */
margin-bottom: 15px;
}
HTML -------------------------------------------------- ------------------------------ {商标} {菜单} {电话:文字} {}社会 {搜索} {内容}
</div>
</div>
<div style='padding: 20px; width:100%; text-align:center;'>{footer}</div>
</body>
<div id="footer">
<div id="footer-content">
</div>
</div>
</html>
END
答案 0 :(得分:0)
我不太明白这里发生了什么,但你需要在body标签内部设置你的页脚div。
</div>
</div>
<div style='padding: 20px; width:100%; text-align:center;'>{footer}</div>
<div id="footer">
<div id="footer-content">
</div>
</div>
</body>
</html>
答案 1 :(得分:0)
页脚似乎在那里,背景为#F8F8F8 youc代码中的页脚中没有文字......