2010-02-23 100 views
0

我有以下的HTML代碼片段: -怪癖模式呈現問題

<html> 
<head> 
    <style> 
     body ul 
     { 
      margin: 0px; 
      border: 1px solid black; 
      padding: 0px; 
      list-style-type: none; 
     } 
     ul li { 
     display: inline; 
      padding: 0px; 
      margin: 0px; 
      border: 1px solid red; 
     } 
     table 
     { 
      display: inline; 
      margin: 0px; 
      padding: 0px; 
      border:1px solid green; 

     } 

    </style> 
</head> 
<body> 
<ul> 
     <li>Item1</li> 
     <li>Item2</li> 
     <li> 
      <table> 
       <tbody> 
        <tr> 
         <td>Item3</td> 
         <td>Stars</td> 
        </tr> 
       </tbody> 
      </table> 
     </li> 
    </ul> 

</body> 
    </html> 

我要呈現在怪癖此代碼模式(由於在iframe頁面,以使其正確地我發現,怪癖模式最適合)。我看到IE8顯示代碼爲: alt text 表與其他列表項不一致。 儘管Mozilla瀏覽器顯示爲: -

alt text

下面的表格對齊,但是文字是不是。

這裏怎麼回事?如何在瀏覽器上修復此問題

+0

有時,將值設置爲默認值會使IE變得神奇。也許你可能會陷入瓦列夫?多數民衆贊成我首先嚐試,當我不得不與...合作... *傾斜眼睛*瀏覽器。這對於表格來說尤其重要,因爲如果我對錶格中的每個標籤都說「valign:bottom」,那麼IE似乎只適用於我... – Warty 2010-02-23 05:43:17

+0

不..不在這裏工作。問題是在其他地方:( – Ajay 2010-02-23 08:04:15

回答

0

堅持怪癖模式?好。

它看起來像表中的td有填充,導致它像在IE中那樣呈現。

嘗試刪除表格後所有元素上的填充+邊距。

+0

怪癖模式花花公子 – Ajay 2010-02-23 04:45:36

+0

沒有.. 0所有的填充..仍然是相同的..如果你看到圖像,你會發現,表格總是定位在IE中稍高一點 – Ajay 2010-02-23 08:03:18