Internet Explorer 8重复div错误

Question

在IE 8的这个页面上,有着名的幻影元素bug.我已经研究了两天所有可能导致这种情况发生的事情,包括隐藏的输入(存在)浮动元素(不存在)和HTML注释(存在). ie_phantom_fucking_element

"幻像元素"是登录div和"ny kunde"按钮之间的灰色div.

当试图查看这是IE开发工具(F12)时,它无法被选中,也无法查看.我相信这是因为IE8中存在渲染问题.

删除这些根本没有帮助.另外,我们显然需要隐藏的输入来进行表单验证.

值得一提的是,这种电子商务解决方案并未开箱即用.

我已经用尽了我能想到的每一个解决方案,它仍然存在.

有没有人有什么建议？

谢谢 :)

Answer 1

从第348行开始,有以下代码:

    <input type="hidden" name="return" value="/checkout/selectAddress" />

</form>
</div>

如果我改成它:

    <input type="hidden" name="return" value="/checkout/selectAddress" />

</div>
</form>

然后问题就解决了.

简化(删除内容)HTML:

<div id="user-wrapper">
  <form action="/user/doLogin" method="post" id="loginForm" />
  <div id="user-kundelogginn">
    </form>
  </div>
</div>

你可以清楚地看到form标签正在关闭内div.

我怎么知道这个？

我使用了W3C Validator,它使我走上正轨:

第350行,第7列:元素"form"的结束标记,未打开