HTML - IE10不能正確顯示錶格？

這裏是我的html：HTML - IE10不能正確顯示錶格？

 <table id='first' width="800" border="0" cellpadding="0"> <!-- first table --> 
     <tr> 
      <td width="323"> 
        <img src="../imageOne.jpg" width="323" height="179" alt="" /> 
      </td> 

      <td width="257"> 
       <table id='second'> <!-- table inside table --> 
        <tr> 
         <td><img src="../imageTwo.jpg" alt="CSS logo" width="190" height="100" /></td> 
        </tr> 
        <tr> 
        <td><br /><img src="../imageThree.jpg" alt="ESA logo" width="190" height="95" /></td> 
        </tr> 
       </table> <!-- end second table. This second table had two rows/two images, one on top of another. --> 
     </td> 
      <td width="212"><img src="../imageFour.jpg" width="203" height="251" alt="photo of an extension cord plugged in" /></td> 
    </tr> 
    </table>

這其實不是我的HTML，我在工作，並有修改別人的。正如你所看到的，桌子裏面有一張桌子。在IE8中，第二張表位於第一張表格內，但由於某種原因，在IE10中，第二張表格位於第一張表格的下方。這是因爲如果第二個表中有一個

margin-top: 20px;

，但我確信，該表沒有邊距。任何想法爲什麼第二個表不是內聯/完全在第一個表內？注意：該網頁位於內部網站上。

編輯：我在想，如果我能找到一種方法垂直對齊第一個表內的表，也許這將解決問題？有沒有辦法在另一個表內垂直對齊一個表？

來源

2014-01-06 user2817200

這是一個內聯網站點？ –

適用於IE10的我：http://jsfiddle.net/r7ckh/ – enguerranws

我不確定你的問題是什麼。你在問爲什麼兩張圖中的圖像都在另一張下面？ – Ani

你幾乎肯定具有兼容性模式的問題：

單擊工具 - > Compatibilily視圖設置

取消選中「在兼容性視圖中顯示Intranet站點」對於超出我的想象，微軟的原因相信默認的Intranet站點應該以「兼容性視圖」模式呈現，這基本上意味着早期版本的IE渲染引擎（我相信它一直回到IE7）。

http://windows.microsoft.com/en-CA/internet-explorer/use-compatibility-view#ie=ie-11

你也可能想看看這個元標記，你需要在你的web.config設置頁眉，詳見本SO帖子：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

X-UA-Compatible is set to IE=edge, but it still doesn't stop Compatibility Mode

來源

2014-01-06 18:37:15

HTML - IE10不能正確顯示錶格？

回答

相關問題