セル内の大きなギャップ

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]からロードされ、あなたは今ではない可能性があります。 [ソースの表示]を使用してコードを確認してください。

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>