无法使页脚粘在页面底部

Question

smiths-heimannan.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 的height 与页脚的margin-top 相同，但为正值来解决。

修改其他问题

在您的标题中，您有一个导航 ul 和几个类：sf-menu、sf-js-enabled 和 sf-shadow。如果你把margin-bottom: 1em 去掉，这个差距就被消除了。

编辑到非拉伸背景问题

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

在您的 CSS 文件中找到 #container 的 background-image 并将其移动到 #wrap。澄清一下，#wrap 应该有这个 CSS：

#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设为：

#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。 虽然这在 Firefox 中有效，但 OP 发现它在 Chrome 中无效。最终，使用经过编辑的图像来获得所需的功能。仅将此答案作为参考。

现在让#wrap这个：

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

最后，让.header这个：

.header {
    background-image: url("img/nav/trans.png");
    color: white;
    height: 80px;
    top: -100px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    position: relative
}

Answer 2

 margin-top: -150px;

丢掉那个 CSS