内容在谷歌浏览器中不受页脚支持,而不是FF

时间:2011-11-29 11:04:13

标签: sticky-footer

如果您在Firefox中查看该网站,一切都会显示正常,页脚会粘在底部。但是在谷歌浏览器中,页脚会粘到底部,但如果窗口不够大,内容就会低于它。

我花了最后三个小时试图修复它,如果有人知道解决方案我真的很感激。

以下是网站:http://rawonline.com.au/clarkwindows/service.html

1 个答案:

答案 0 :(得分:0)

将您的#footerWrap CSS更改为:

#footerWrap {
    height: 277px;
    background: url(images/footerbg.png) left 277px repeat-x; /* AMEND THIS */
    width: 100%;
    float: left;
    padding-top: 277px; /* ADD THIS */
}

<强> * 修改 *

好的,在那种情况下,你需要做的是什么 将<div class="push">移到<div id="wrapper">内 并将.push更改为:

.push {
    height: 277px;
    clear: both;
}

另外,将position: relative添加到wrapperfooterWrap