具有多個行的IE表導致單元格中出現額外的空白空間

對於需要使用表的項目。這是這個項目的簡化部分。能夠構建任何類型的表結構對我來說很重要。我的問題是，IE在某些情況下在表格單元格之前和之後添加了一些額外的空白區域。具有多個行的IE表導致單元格中出現額外的空白空間

在IE中：

在Safari /鉻/ Firefox的正確：

感謝您的幫助！巴林特

我的代碼：

<table cellpadding="0" cellspacing="0" border="1" width="656px"> 
     <tr> 
      <td rowspan="1" colspan="1"> 
       <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td bgcolor="#ffff99" width="100%" height="100%"> 
         </td> 
        </tr> 
       </table> 
      </td> 
      <td rowspan="2" colspan="2"> 
       <table style="width: 328px; height: 40px;" bgcolor="#ffff99" border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td bgcolor="#ffff99" width="100%" height="100%"> 
         </td> 
        </tr> 
       </table> 
      </td> 
      <td rowspan="1" colspan="1"> 
       <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td bgcolor="#ffff99" width="100%" height="100%"> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td rowspan="2" colspan="1"> 
       <table style="width: 164px; height: 40px;" border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td bgcolor="#ffff99" width="100%" height="100%"> 
         </td> 
        </tr> 
       </table> 
      </td> 
      <td rowspan="2" colspan="1"> 
       <table style="width: 164px; height: 40px;" border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td bgcolor="#ffff99" width="100%" height="100%"> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td rowspan="2" colspan="2"> 
       <table style="width: 328px; height: 40px;" border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td bgcolor="#ffff99" width="100%" height="100%"> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td bgcolor="#cccccc"> 
       <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td> 
         </td> 
        </tr> 
       </table> 
      </td> 
      <td bgcolor="#cccccc"> 
       <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
    </table>

來源

2013-07-31 Balint

Internet Explorer處理各種有時不那麼好方法表。

使用F12開發人員工具來確定您使用的IE的變體。你可能會迫使IE瀏覽器進入最新版本。請參閱HTML5 doctype putting IE9 into quirks mode?瞭解更多詳情

來源

2013-10-06 19:03:16

具有多個行的IE表導致單元格中出現額外的空白空間

回答

相關問題