镀铬页脚重叠内容尽管明确：两者都使用

Question

我的页脚div与Chrome浏览器中的内容重叠，尽管我已将其清除。有些人可以用css向我指出正确的方向。我应该使用if是chrome javascript的东西吗？

http://archibaldbutler.com/projects/roaming-giraffe/html/

由于

Answer 1

如果页脚设计为始终位于页面底部，请执行以下操作：

.footer-bg {
    clear: both;
    bottom: 0px;
    position: fixed;
    width: 996px;
    height: 192px;
    background-image: url('../html/images/footer-bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}

.content-bg2 {
    clear: both;
    float: left;
    margin-top: 10px;
    margin-bottom:192px;
    width: 996px;
    height: 369px;
    background-image: url('../html/images/maincontent2bg.jpg');
    background-position: center top;
    background-repeat: none;
}

如果它应该只是在该内容区域的底部，那么这样做：

.footer-bg {
    clear: both;
    bottom: 0px;
    width: 996px;
    height: 192px;
    background-image: url('../html/images/footer-bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}