2

私はこの間、本当にばかげた問題に頭を悩ませてきました。2つのボックスを分離しているセルを9pxで正しく表示できないのはなぜですか？私は数回計算を行いましたが、それはうまくいきましたが、それを指す矢印のあるセルでは、余分な高さが追加されています：

ここに画像の説明を入力してください

私は実際にそれに設定された9ピクセルの高さ（約18ピクセル）を2倍にしているように見えます。なぜ？？これは意味がありません。

<!-- BIG WRAPPER TABLE FOR CENTRAL CONTENT -->
<table width="700px" border="0" cellspacing="0" cellpadding="0" class="homepage">
  <tr align="center">
    <td>

      <table width="681" height="451" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
          <td rowspan="3" bgcolor="#FF66CC">Image will go here</td>
          <td rowspan="3" width="9">&nbsp;</td>
          <td height="221" width="221" bgcolor="#3f7583">Text will go here</td>
        </tr>
        <tr height="9">
          <td height="9" width="221" bgcolor="#FFFFFF">&nbsp;</td>
        </tr>
        <tr>
          <td height="221" width="221" bgcolor="#CC0000">Image will go here</td>
        </tr>
    </table>


    </td>
  </tr>
</table>
<!-- END BIG WRAPPER TABLE -->
4

2 に答える 2

2

これはあなたのtdのためです

 <td height="9" width="221" bgcolor="#FFFFFF">&nbsp;</td>

&nbsp;通常のフォントサイズでレンダリングした場合の高さを取得します。削除するだけで機能するはずです。

これが作業中のフィドルです

于 2012-11-07T19:07:07.103 に答える
1

間隔に合わせてTDを作成する代わりに、CellSpacingを使用して必要なことを実行してみませんか。

<table width="700px" border="0" cellspacing="0" cellpadding="0" class="homepage" style="font-size: 7pt;">
  <tr align="center">
    <td>

      <table width="681" height="451" border="0" cellspacing="9" cellpadding="0" align="center">
        <tr>
          <td rowspan="2" bgcolor="#FF66CC">Image will go here</td>

          <td height="221" width="221" bgcolor="#3f7583">Text will go here</td>
        </tr>
        <tr>
          <td height="221" width="221" bgcolor="#CC0000">Image will go here</td>
        </tr>
    </table>

    </td>
  </tr>
</table>
<!-- END BIG WRAPPER TABLE -->
于 2012-11-07T19:07:01.147 に答える