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来“显示：无”Volusion在每个页面上想要的大多数模板内容，但这意味着主页上实际上仍有两个头部和主体部分。我觉得这可能会引起一些问题，但它并没有解释为什么“另一页”链接仍然如此混乱。

非常感谢任何帮助！

编辑：

以下是我在上面“另一个页面”链接中通过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的左边距，这导致整个页面向左移动。另外我注意到你的造型使用表的大部分，这是不好的做法，可能会带来麻烦。

除Firefox外，大多数浏览器的网站都可正（Volusion）

2 个答案: