IE9與其他瀏覽器呈現不同的標記（HTML）-這不是CSS問題

Question

編輯-經過一些故障排除后，似乎此問題與我安裝的插件有關。 禁用插件解決了該問題。

我在IE9上遇到一個奇怪的問題，它正在呈現<ol>元素的錯誤標記。 它將某些包含的<li>元素放置在DOM樹的不同部分，因此

<div id="Containter">
  <div id="left">
   <ol>
     <li>item1</li>
     <li>item2</li>
     <li>item3</li>
     <li>item4</li>
   </ol>
  </div><!-- end left -->
 </div><!-- end container -->

變成

<div id="Containter">
  <li>item1</li>
  <li>item2</li>
  <div id="left">
   <ol>
     <li>item3</li>
     <li>item4</li>
   </ol>
  </div><!-- end left -->
 </div><!-- end container -->

這怎么可能！？

標記是由Magento方面的一些相當復雜的Javacript PHP生成的，因此這使問題有些混亂。 可能與這些問題有關， 是否可以通過IE9中的有序列表和更新面板來解決此問題？ 還是這個問題盡管我不知道如何，但IE9中只有動態HTML呈現問題 。

但是，這並不能解釋發生了什么。 將瀏覽器切換到IE7模式可更正標記，因此強制執行此方法可以解決。

盡管如此，我還是想了解這里到底發生了什么，以及是否有其他方法可以解決它。 截圖。

任何見識都深表感謝。

。

Answer 1

根據我的經驗，如果你寫無效的標記，例如， a另一個內標簽a標簽，或類似的東西，IE要么復制一些標簽或更改HTML。

您應該仔細檢查並確保其中沒有寫任何愚蠢的東西，這可能是您的問題。

Answer 2

切記要正確排除故障。 首先，我禁用了主題。 沒有骰子。 然后，我系統地禁用了與主題這一部分相關的插件，直到問題消失。

重新啟用了自定義主題。 網站現在可以正確呈現。

故事的道德啟示。 不要珍惜自己的問題，最初的直覺可能不是通往幸福的正確途徑。