0

我有一个包含表格的 HTML 页面，我的问题是我<td>在IE-8中正确呈现但在FireFox 20.0.1中不正确呈现的高度

我自己是 FireFox 的粉丝，尤其是 IE :) 无论如何，我已经将包含<td>“底部”一词的 .<td>

当我减少右边的内容时，底部的高度<td>在 FireFox 中正确显示<td>，但是当我在右边添加更多文本行时<td>，它（底部的）在 FireFox 中显示不正确（非常大），在 IE 中正常。

我的代码有什么问题，或者 FireFox 不太可能？:) 换句话说，<td>无论如何我都希望底部的高度始终保持在 30px。这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Agent</title>
        <style>
          html, body { height: 100% }
        </style>        
    </head>
    <body>
        <table border="1" cellspacing="0" cellpadding="0" width="100%" height="100%">
            <tr >
                <td id=properties width="20%" height="90%">
                 top
                </td>
                <td id=step rowspan="2" width="80%" >
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                </td>
            </tr>
            <tr >
                <td width="20%" height="30px">
                    bottom
                </td>
            </tr>
        </table>
    </body>

</html>
4

1 回答 1

0

30pxheight不是 a 的属性的有效值td。另请注意

HTML5 不支持 height 属性。改用 CSS。

您可以尝试（HTML）

<td width="20%" height="30">

或 CSS

<td style="width:20%;height:30px">

语法是

<td height="pixels|%">

资源

于 2013-05-13T07:17:32.663 回答