Question



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    <table style = "width : 500px; height : 100%; border : 1px solid black;">
    <tr>
    <td style = "width : 300px; height : 100%; border : 1px solid;">
    1st TD

    </td>
    <td rowspan = 2 style = "border : 1px solid;">

    </td>
    <td rowspan = 2 style = "border : 1px solid;">
    Sidebar
    <br />
    <br />
    

    Sidebar
    </td>
    </tr>
    <tr>
    <td style = "width : 300px; border : 1px solid;">
    Last TD
    </td>
    </tr>
    </table>

我希望第一个TD应该在我写入文本时扩展，剩下的空间应该被最后一个TD占用。

此代码在Firefox中完美运行，但在IE中则不行。 IE在跨行的TD上平均划分第一个和最后一个TD。

你可以自己看看FF和IE中的代码，我希望FF看起来像。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <table style = "width : 500px; border : 1px solid black;">
    <tr>
    <td style = "height : 100%; border : 1px solid;">
    1st TD

    </td>
    <td rowspan = 2 style = "border : 1px solid;">

    </td>
    <td rowspan = 2 style = "border : 1px solid;  height : 100%; vertical-align : top;">
    Sidebar
    <br />
    <br />
    <br />
    Sidebar
    <br />
    fdkdf
    <br />
    dfkdf
    fdkdf
    <br />
    dfkdffdkdf
    <br />
    dfkdf
    fdkdf
    <br />
    dfkdf
    </td>
    </tr>
    <tr >
    <td style = " border : 1px solid;">
    Last TD
    </td>
    </tr>
    </table>

请在FF和IE中查看我的代码，看看第1和最后TD的区别。

Answer 1

@Shivom IE总是以不同的方式呈现表格代码，IE7和IE8不同。因此，对于您的问题，您可以检查它的代码，它不会在您的requiremt和完全浏览器兼容中给出任何错误/问题。

<table border="1" cellspacing="0" cellpadding="0" width="500">
  <tr>
    <td valign="top"><table border="1" cellspacing="0" cellpadding="0" width="100%">
      <tr>
        <td>1st TD</td>
      </tr>
      <tr>
        <td>Last TD<br/>Last TD<br/>Last TD<br/>Last TD<br/>Last TD<br/>Last TD<br/>Last TD<br/></td>
      </tr>
    </table></td>
    <td>&nbsp;</td>
    <td>
    Sidebar
    <br />
    <br />
    <br />
    Sidebar
    <br />
    fdkdf
    <br />
    dfkdf
    fdkdf
    <br />
    dfkdffdkdf
    <br />
    dfkdf
    fdkdf
    <br />
    dfkdf
    </td>
  </tr>
</table>

IE中的表TD高度

1 个答案: