站点在除 Firefox 之外的大多数浏览器中都能正常工作。 （卷）

Question

我正在重新设计一家使用 Volusion 电子商务平台的小公司网站。这个网站基本上有两个部分：主页 - 完全是自定义构建的 - 以及网站的其余部分，主要依赖于一堆模板 .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 想要在每个页面上的模板内容，但这意味着主页上实际上仍然有两个 head 和 body 部分。我觉得这可能会导致一些问题，但它并不能解释为什么“另一个页面”链接仍然如此混乱。

任何帮助将不胜感激！

编辑：

这是我在上面的“另一页”链接上通过 Firefox 看到的屏幕截图：http://i.imgur.com/i3Btpyq.jpg?1

好像根本没有注册任何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 的左边距，这导致整个页面向左移动。此外，我注意到您的大部分样式使用表格，这是不好的做法，可能会导致麻烦。