1

我是这个网站的新海报。多年来，我一直将其用作研究资源，但这是我第一次被难住到需要接触整个社区的地步。

我目前正在为客户完成重新设计网站的过程。它使用高度定制的 WooThemes Canvas 版本作为框架，位于http://dev.victorybeer.com。我在 footer.php 文件中添加了一些额外的标记项，以便在底部显示一些动态数据以及标准页脚票价。您可以看到的问题是页脚下方显示的额外空间（可以看到蓝色背景）。该站点应该以红色的“footercontainer”DIV 结束。

我已经对我的标记和 css（使用 FireBug）进行了双重和三重检查，以确保一切都是有效的，并且内部元素没有应用边距或填充，可能会将底部向下推，但我什么也没看到这表明它会创建这个。缺少一些奇怪的 PHP 问题，我无法理解为什么会发生这种情况。当我删除底部导航和 footercontainer DIV 时，该站点正确终止（就在“欧洲传统...”标语下方）。

我向 WooThemes 提交了 HelpDesk 票，我得到的答案是将 300px 的高度硬编码到 footercontainer DIV 以便将其向下推以覆盖空间。作为一个响应站点，这对我来说并不好，而且似乎更多的是覆盖症状而不是治疗原因。当我重新打开票证并指出解决方法还不够时，响应让我感到困惑：

它造成间隙的原因是因为页脚也没有一直到达底部，而页脚的高度固定了它。我还在移动视图上测试了该解决方案并且它有效。

如您所知，页面上的所有元素都相互影响，底部的间隙就是由此产生的结果。我在我的网站上工作过，其中元素不能完全按照我的需要呈现，并添加了这样的 css 来修复它。

更多的我真的不知道。

嗯？我想知道的是为什么页脚没有一直到达底部，而不是如何掩盖它没有到达底部的事实。

有人可以帮忙吗？我将不胜感激。该网站计划于 3/3 上线，因此感谢您的集体协助。

4

1 回答 1

0

我以前也遇到过这个问题。我已经修复了几种方法，尽管它可能不是最好的方法。

当没有足够的“高度”内容时，修复它的一种简单方法是在您的 custom.css 上固定一个高度（第 460 行）。

我已经尝试过了，它似乎可以填补那个额外的空间。

#footercontainer {
background-image: url("images/vbc_bkg_wfh.png"), url("images/vbc_bkg_footer.png");
background-position: 80% 70px, left top;
background-repeat: no-repeat, repeat;
border-top: 1px solid #270101;
height: 280px;

我已将高度更改为 280 像素，它似乎总是有效，因为您的页面都缺少相同的间隙高度。如果您正在寻找更深入的内容，我认为您必须为此检查所有 html 和 CSS。这个修复在过去对我有用。

于 2013-02-22T21:02:41.883 回答