不能使页脚粘到页面底部

Question

smiths-heimann.az是我的网站。尝试了http://www.cssstickyfooter.com/的所有说明但它对我不起作用（证明它不起作用http://smiths-heimann.az/?page=3）。请帮我在页面底部制作粘贴页脚，并提前删除2个div http://prntscr.com/2e2fp Thx之间的空行

Answer 1

#footer位于#wrap内。粘性页脚代码的页脚在 #wrap之外：

<div id="wrap">
    <div id="main">
        <div id="content">
        </div>
        <div id="side">
        </div>
    </div>
</div>

<div id="footer">
</div>

修改

使用移动的页脚代码查看您的网站。如果你不想要它，你可以通过使#footer的{​​{1}}与页脚height相同来解决你的底部差距，但是积极的

编辑其他问题

在标题内，您的导航margin-top包含几个类：ul，sf-menu和sf-js-enabled。如果你取消sf-shadow，则会消除差距。

编辑为非拉伸背景问题

这仍然很简单，虽然它会稍微改变标题的透明度。

在CSS文件中找到margin-bottom: 1em的{​​{1}}并将其移至background-image。为了澄清，#container应该有这个CSS：

#wrap

#wrap应如下所示：

#wrap 
{
    min-height: 100%;
    background: url("img/tff.png") 0 0 repeat;
}

第二次编辑非拉伸背景问题

确定。呼。我做的;我也删除了滚动条。

让#container成为：

#container 
{
    min-width: 980px;
    width: 100%;
    overflow: auto;
    padding-bottom: 110px;
}

滚动条显示是因为边框和填充为页脚添加了额外的高度，所以负边距实际上太小了。我已将其更改为#footer。 虽然这适用于Firefox，但OP发现它无法在Chrome中运行。最终，使用编辑的图像来获得所需的功能。仅使用此答案作为参考。

现在点击#footer { background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent; border-top: 1px solid #919191; clear: both; font-size: 10px; height: 110px; margin-top: -126px; padding-top: 5px; position: relative; text-align: center; width: 100%; } ：

-116px

最后，将#wrap改为：

#wrap {
    background: url("img/tff.png") repeat scroll 0 0 transparent;
    height: auto;
    margin-top: 100px;
    min-height: 100%;
    position: relative;
}

Answer 2

 margin-top: -150px;

失去了CSS