我的网站在Firefox中生成的额外高度

Question

Firefox在页脚底部的网站末尾产生了额外的250px，我还没有找到原因。

PS。它在其他浏览器上运行正常，问题只在于firefox。

我正在处理的网站是http://www.ryansammut.com/orijen/

Answer 1

使用W3C Validator验证您的代码。

您有大量错误 - 一旦修复了这些错误，您可能会发现您的网站按预期工作。如果没有，那就给另一个喊叫，我们会进一步调查。

----编辑----

问题是你在其中一条线路上使用position：absolute，负边距为-220px。由于这嵌套在多个div中，我猜它混淆了浏览器。

您可以使用以下方法解决问题：

添加

float: left; 

到div＃line1和＃line 2.并且不要忘记使用

清除你的div

clear: both;

您还必须重新占据线的最高位置。

如果您需要更多帮助或者这不能解决您的问题，请在下面发表评论。

Answer 2

看起来你的代码正文中有一个样式块。这可能导致Firefox无法正确关闭正文。您可能需要清理更多验证错误。

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ryansammut.com%2Forijen%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

<强>更新

看起来#footerItems中的＃line1和＃line2列表项需要给出一个位置：absolute。您必须调整这些元素的位置，但这应该可以解决Firefox中的问题。