Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html rowspan更改Internet Explorer中的所有td高度_Html - Fatal编程技术网

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

Html rowspan更改Internet Explorer中的所有td高度,html,Html,早上好。我旁边有一张桌子,一张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">

早上好。我旁边有一张桌子,一张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(如其他web浏览器)中正常工作,作为第一张图,对不起,我的英语是

您的宽度/高度缺少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>

td{边框:2px实心#00FFFF;宽度:500px;高度:36px;}
td:最后一个子项{边框:0px实心#00FFFF;宽度:160px;高度:600px;}
  • 通常建议不要使用
    表格
    s进行布局
  • 您尚未显示剩余
    TR
    s的结构
  • 如果您仍然想继续使用
    ,我将推荐以下结构
  • 
    数据
    数据
    数据
    数据
    数据
    数据
    数据
    数据
    

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

    我放置了px,但没有任何更改,同样css为此更改了worsei页面的剩余表格代码,但我提交了部分“其中包含问题”你试过使用嵌套表吗?没有,我没有试过,但我不知道,internet explorer有什么问题
    <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>
    
    <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>