保持的高度以固定的量，不管是什么（IE VS火狐）

我有一个包含一个表的HTML页面，我的问题是其在IE-8正确呈现一个我<td>的高度但在正确火狐20.0.1保持的高度以固定的量，不管是什么（IE VS火狐）

我的Firefox粉丝自己，特别是当它涉及到IE :)反正我已经设置了<td>的高度，包含单词“底部”，以30像素（或10％;没有区别）和较高的<td>到90％

Th当我减少右边<td>的内容时，底部<td>的高度正确显示在FireFox中，但是当我在右边的<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>

来源

2013-05-13 mostafa.S

在这两个浏览器中看起来都一样 – 2013-05-13 07:00:55

也许这是你的屏幕分辨率，请在右边''多加一些行，谢谢 – 2013-05-13 07:03:39

30px不是height属性的td有效值。还请注意，

HTML5不支持高度属性。改用CSS。

你可以试着（HTML）

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

或CSS

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

语法是

<td height="pixels|%">

Source

来源

2013-05-13 07:17:32

感谢您的回答和信息，但它没有奏效，我试了CSS和HTML您的代码版本。结果是一样的。 – 2013-05-13 07:46:38

保持的​​高度以固定的量，不管是什么（IE VS火狐）

回答

相关问题

保持的高度以固定的量，不管是什么（IE VS火狐）