Question

早上好。我旁边有一张桌子，一张广告图片160 X 600像素，我使用rowspan来避免它旁边的td获得高度600像素，如广告图片，这里是我的代码

  <tr align="center">
  <td style="border:2px solid #00FFFF;width:500;height:36;" align="center" valign="center"><font face="arial" size="5" color="#33FFFF"><b>إسم البرنامج</b></td>
  <td style="border:2px solid #00FFFF;width:130;height:36;" align="center" valign="center"><font face="arial" size="5" color="#33FFFF"><b>تاريخ الإضافة</b></td>
  <td style="border:2px solid #00FFFF;width:120;height:36;" align="center" valign="center"><font face="arial" size="5" color="#33FFFF"><b>مرات العرض</b></td>
  <td style="border:2px solid #00FFFF;width:130;height:36;" align="center" valign="center"><font face="arial" size="5" color="#33FFFF"><b>يعمل بنسبة %</b></td>
  <td rowspan=36 style="border:0px solid #00FFFF;width:160;height:600;"><a href="link" target="_blank"><img border="0" src="160x600.2.gif" width="160" height="600" title="" /></a></td>
  </tr>

这是一张图，每件事情都很好

|"""""""| |""""""|"""""""|""""""""""|""""""""""|
|       | |______|_______|__________|__________|
|       | |______|_______|__________|__________|
|       | |______|_______|__________|__________|
|       |
|       |
|       |
|       |
|       |
|       |
|       |
|       |
|       |
|       |
|       |
|       |
|       |
|       |
|       |
|_______|

如上所示，所有Web浏览器都可以，但在Internet Explorer中显示为：

|"""""""| |""""""|"""""""|""""""""""|""""""""""|
|       | |      |       |          |          |
|       | |      |       |          |          |
|       | |      |       |          |          |
|       | |      |       |          |          |
|       | |______|_______|__________|__________|
|       | |      |       |          |          |
|       | |      |       |          |          |
|       | |      |       |          |          |
|       | |      |       |          |          |
|       | |______|_______|__________|__________|
|       | |      |       |          |          |
|       | |      |       |          |          |
|       | |      |       |          |          |
|       | |      |       |          |          |
|       | |______|_______|__________|__________|
|       |
|       |
|       |
|_______|

我希望看到它在Internet Explorer中工作正常，例如其他网络浏览器作为第一张图，对不起我的英文

Answer 1

您从宽度/高度错过了px单位，例如

width:500;height:36;

应该是

width:500px;height:36px;

你也应该使用css，例如

<style type="text/css">
td { border:2px solid #00FFFF;width:500px;height:36px; }
td:last-child { border:0px solid #00FFFF;width:160px;height:600px; }
</style>

Answer 2

通常建议不要将table用于布局目的。
您尚未显示剩余TR s
如果您仍想继续使用table，我建议您使用以下结构

<tr>
<td>
    <table>
    <tr align="center">
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
    </tr>
    <tr align="center">
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
    </tr>
    <table>
</td>
<td>
    <img 160x600>
</td>
</tr>

这样，由于图像，外表的高度将为600px，但根据数据，内表的高度将保持较小。

rowspan更改Internet Explorer中的所有td高度

2 个答案: