IE中的表格TD高度



    <!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占用。IE中的表格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浏览器的代码，看到第一个和最后一个TD的差异。

来源

2012-03-01 Shivom Laksh

嗨Shivom Laksh，我在Firefox和IE9中都测试了你的代码，我得到了确切的布局。你使用的是什么版本的IE？ – utsikko 2012-03-01 14:21:35

如果这是你的实际代码，它甚至不是有效的。 – j08691 2012-03-01 16:37:44

@shivom如果我的回答对你有用，那么你可以标记它是正确的，所以这个问题会让用户注意这个问题有效的答案。 – w3uiguru 2012-03-08 06:27:52

@Sivivom 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>

来源

2012-03-03 05:25:04 w3uiguru

谢谢它的工作.... – 2012-03-03 06:00:39

@ShivomLaksh如果这解决了你的问题，你应该接受和/或投票的答案（左侧的检查按钮接受，并且上/下箭头让你投票）。你也不应该回答一个问题，甚至不是你自己的问题，除非它是一个实际的答案（如：一个解决方案）。请参阅常见问题解答！ – weltraumpirat 2012-04-03 09:39:35

IE中的表格TD高度

回答

相关问题