Большой промежуток в ячейке

Question

У меня такой стол. Обе ячейки содержат другую таблицу. Проблема заключается в пространстве ниже внутреннего table.

Это код:

<table border=1> 
    <tr> 
    <td align=center valign=middle> 
     <div style="float: left"> 
     X 
     </div> 
     <table border=1> 
     <tr height="33%"> 
      <td align=center style="font-size: 7px"> 
      4x1.00 
      </td> 
     </tr> 
     <tr height="66%"> 
      <td align=center style="font-size: 10px"> 
      <b>4</b> 
      </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
    <tr> 
    <td align=center valign=middle> 
     <div style="float: left"> 
     2 
     </div> 
     <table border=1> 
     <tr height="33%"> 
      <td align=center style="font-size: 7px"> 
      4x1.50 
      </td> 
     </tr> 
     <tr height="66%"> 
      <td align=center style="font-size: 10px"> 
      <b>6</b> 
      </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 

И это работает в jsfiddle, но не на моей странице. Теоретически для этого не существует других настроек css. http://jsfiddle.net/fishmong3r/f1ktbyeh/1/

Answer 1

Если вы хотите применить общие настройки и этот костюм ваша проблема, то вы можете указать в css следующее:

table td{ 
    padding:0px; 
} 

По вопросу совместимости с различными браузерами, вы можете попробовать это:

<table cellspacing="0"> 

Answer 2

Это связано с CSS только. Я думаю, вы должны проверить свой код еще раз. Там могут быть возможности, когда ваш css загружается с главной страницы [Layout html], и вы не сейчас. Проверьте свой код, используя [View Source].

Answer 3

<table width="68" height="88" border=1> 
    <tr> 
    <td width="58" height="40" align=right valign=top> 
     <div style="float: left"> 
     X 
     </div> 
     <table border=1> 
     <tr height="33%"> 
      <td align=center style="font-size: 7px"> 
      4x1.00 
      </td> 
     </tr> 
     <tr height="66%"> 
      <td align=center style="font-size: 10px"> 
      <b>4</b> 
      </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
    <tr> 
    <td height="40" align=right valign=top> 
     <div style="float: left"> 
     2 
     </div> 
     <table border=1> 
     <tr height="33%"> 
      <td align=center style="font-size: 7px"> 
      4x1.50 
      </td> 
     </tr> 
     <tr height="66%"> 
      <td align=center style="font-size: 10px"> 
      <b>6</b> 
      </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table>