页面底部的差距

Question

我几乎已经为我的论坛设计了皮肤，我在页面底部有一个间隙，在我开始之后几乎在页脚下方。我发现了一些类似的问题，并尝试了所有的建议，但我似乎无法在论坛网页的底部找到差距的原因。

论坛：Forum Link

我已经检查了所有边距和填充，它们都很好，问题似乎出现在所有浏览器中。

Answer 1

尝试将Google Chrome Inspector或Firebug用于Firefox。

这是一个简单的CSS问题，右键单击 INSPECT ELEMENT ，它会显示该元素上的所有CSS属性。

关于Chrome检查器 （示例）
http://www.threetipsaday.com/2008/12/debug-inspect-google-chrome-inspector/

更新

看起来这个问题是我脚注上的填充物：

.footer {
    background: url("images/simplexity/backgrounds/background.png") repeat scroll 0 0 #33559B;
    border: 0 none;
    clear: both;
    display: block;
    font: 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    margin-top: -80px;
    padding: 115px 0 3px;
}

Answer 2

差距是由身体包装div中的边距引起的。

margin: -85px auto -60px auto'-60px'是罪魁祸首（底边距）。减少或增加它以改变你的差距。

当前：

.body_wrapper {
padding: 0px;
background: transparent none   ;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
width: 960px;
margin: -85px auto -60px auto;
}

缩小差距：

.body_wrapper {
padding: 0px;
background: transparent none   ;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
width: 960px;
margin: -85px auto -134px auto;    // CHANGE IS HERE
}

请参阅？差距缩小:)（保证金底部：-134px）

Answer 3

设置

    body {overflow:hidden}