2010-02-23 91 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