0

我正在重新设计一家使用 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？

4

2 回答 2

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>
于 2013-06-25T03:39:39.683 回答
0

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

于 2013-06-25T03:17:59.900 回答