除Firefox外，该网站在大多数浏览器中运行良好.(Volusion)

Question

我正在重新设计一家使用Volusion电子商务平台的小公司网站。这个网站基本上有两个部分：主页（完全是自定义的）和网站的其余部分，后者在很大程度上依赖于一堆template.html和.css文件。

我的主要问题是，这个网站在Chrome、Safari和（大部分）IE上看起来不错。但在Firefox上看起来绝对可怕，我一辈子都不明白为什么会这样。

以下是两个最能显示问题的链接：

主页：（*由于缺乏声誉而删除链接*）

另一页：http://www.farmtopeople.com/NYC-Artisan-Hub-s/3353.htm

我不知道如何修复这个错误，因为我为Firefox做的任何修复都只会导致Chrome等出现问题。

IE的另一个问题是：在"另一个页面"链接中，页面的主要内容被向下推到左侧导航下方。我该怎么解决这个问题？

一些额外的信息可能会有所帮助：Volusion可能会受到定制的限制，所以主页的显示方式有点混乱。一个完全自定义的html文件，以及它自己的html、head和body部分，几乎只是被扔进了页面的标题区域。这个自定义页面使用css来"显示：none"Volusion想要在每个页面上显示的大多数模板内容，但这意味着主页上实际上仍然有两个头部和正文部分。我觉得这可能会引起一些问题，但这并不能解释为什么"另一个页面"链接仍然如此混乱。

任何帮助都将不胜感激！

编辑：

以下是我通过Firefox在上面的"另一个页面"链接上看到的内容的截图：https://i.stack.imgur.com/7Fw24.jpg

它似乎根本没有注册任何css？

Answer 1

您可以添加一些javascript来检测它是否是firefox。然后，如果是firefox，从div.中删除不需要的边距

var FIREFOX = /Firefox/i.test(navigator.userAgent);
if (FIREFOX) {
    var el = document.getElementById('content');
    el.setAttribute("style","margin-left: 0px;");
}

编辑：

您可以使用将JavaScript放在html中

<script type="text/javascript">
     // The Code Above 
</script>

Answer 2

问题似乎是在某个时候，ID为"#content"的div被设置为左边距-410px，这导致整个页面向左移动。此外，我注意到您的样式使用表的很大一部分，这是一种糟糕的做法，可能会造成麻烦。