网站底部的差距

时间:2011-04-17 23:44:07

标签: css drupal drupal-7

我的网站内容和窗口底部之间存在差距,我一直试图删除几天,但没有找到解决方案。请参阅http://bpc.paulsham.com或下图。

Bottom of webpage with unexplainable gap

根据我的尝试,<body>没有边距或填充,<div id="page-wrapper">没有底边距,并且页脚中嵌套的div没有任何应该影响它的底边距。使用Firebug,似乎从窗口的位置拉出了实际的<html>

这是一个基于Drupal 7的Bartik默认主题的自定义主题,但我认为这是一个CSS问题。然而,我开始怀疑这是否是一个文档类型的问题,但似乎一切都在证明是好的。

感谢您的帮助,如果需要更多信息,请与我们联系。

3 个答案:

答案 0 :(得分:10)

  • #page-wrapper上,添加overflow: hidden以清除花车。
  • #page-wrapper上,删除box-shadow规则。

这消除了差距。

我确实设法在阴影中添加回来,同时防止差距重新出现。

它像这样

  • 同时将overflow: hidden添加到#page
  • widthmargin属性从#page-wrapper移至#page
  • box-shadow属性读取到#page
  • 修复background s - #page-wrapper不应再有background了。有几个地方被应用了。

答案 1 :(得分:0)

试试这个CSS代码:

body{margin-bottom: 0px, padding-bottom: 0px}

答案 2 :(得分:0)

问题是页脚中的clearfix:

<div id="footer-columns" class="clearfix">

删除class="clearfix",差距消失了。

<强>更新
显然不适用于所有浏览器;看评论。 thirtydot的方法可能就是这样。