0

在我们的网站上，我们使用带有自定义模板的 magento。并且该网站在所有浏览器中都正确呈现，但结帐过程除外。在 Internet Explorer 中，它看起来很奇怪。我已经使用 Firebug 和 Developer 工具对其进行了分析，但我找不到为什么它在 Internet Explorer 上看起来很奇怪，而在其他地方看起来却很好。

要复制它，只需将一个项目添加到购物车，然后以访客或注册用户的身份继续结帐。

我在这里包含了一个屏幕截图 在此处输入图像描述

我没有包含 HTML，因为它太长而且不允许它。

4

1 回答 1

3

标记无效，导致 IE 和 Opera 无法理解您的意图。Chrome 和 Firefox 更擅长猜测你想要什么。

当面对这类问题时，首先要看的是标记的有效性。通过解析W3C Validator上结帐页面的页面源，可以看到一个非常好的错误指示。

这立即表明了一个问题：

Line 150, Column 44: document type does not allow element "li" here; missing one of "ul", "ol" start-tag`

<div class="inner-box"><li> <input name="businessdock" value="1"
                       ^
                       missing a <ul> parent

显示 an<li>在没有 parent的情况下使用<ul>。我在本地添加了周围<ul>和结束</ul>标签，页面在 IE 中按预期呈现。

我是否还建议将所有 JavaScript 从页面移出到包含的文件中（如果可能）。该页面非常大，最初很难看！

于 2012-09-21T09:25:28.463 回答