网页水平滚动,右边只有空格

时间:2012-01-16 21:37:58

标签: css scrollbar whitespace

我一直在开发这个网站一段时间,今天我突然发现浏览器上的水平滚动条正在显示,并允许网站向右滚动几英寸,所有这些都只包含空格。

它在几个页面上执行此操作,但不是全部。

以下是我遇到问题的页面 - http://www.princewebdesigns.com/staging/gallais/our-firm.html

以下是我没有问题的页面 - http://www.princewebdesigns.com/staging/gallais/index.html

我已尝试在FireBug中进行调试,但我找不到任何导致页面更宽的div或元素。它可能与浮子有关吗?它似乎是所有浏览器中的一个问题。

任何帮助都将不胜感激。

PS - 我知道导航链接不起作用,这是因为我暂时将网站放在我的网络服务器的登台目录中。

2 个答案:

答案 0 :(得分:1)

css班.bluebar h1有一个属性width: 70em;

em不应该用于定义元素的宽度。您的浏览器将h1计算为28px的字体大小,这使.bluebar 28 x 70 = 1960px宽。有关em和其他css单元的正确表达,请参阅w3schools

Firebug和Dragonfly都允许您悬停页面。这是Dragonfly中的默认行为。在Firebug中,您可以通过单击firebug窗口左上角的箭头按钮将其打开。通过这种方式,您可以非常快速地找到元素。

答案 1 :(得分:0)

问题是这一点:

<div class="bluebar">

如果你将其改为<div class="banner">那么它可以正常工作(但显然你现在有了背景图形。进一步检查我看到了......哦,坚持......没有必要在这里复制答案!

编辑:好的,我花了太长时间回答这个问题 - 哈哈!给本杰明一个答案。