修复了HTML中的TD高度属性

Question

我不能让td"Date"有固定的高度.如果Body部分中的数量较少td Date元素比它应该大 - 即使我将Date height设置为10%,Body height设置为90%.有什么建议？

<tr>
  <td class="Author" rowspan="2">
    <a href="#">Claude</a><br />
    <a href="#"><img src="Users/4/Avatar.jpeg" style="border-width:0px;" /></a>        
  </td>
  <td class="Date">
    Sent:
    <span>18.08.2008 20:49:28</span>
  </td>
</tr>
<tr>
  <td class="Body">
    <span>Id lacinia lacus arcu non quis mollis sit. Ligula elit. Ultricies elit cursus. Quis ipsum nec rutrum id tellus aliquam. Tortor arcu fermentum nibh justo leo ante vitae fringilla. Pulvinar aliquam. Fringilla mollis facilisis.</span>
  </td>
</tr>

我现在的css是:

table.ForumThreadViewer td.Date {
  text-align: left;
  vertical-align: top;
  font-size: xx-small;
  border-bottom: solid 1 black;
  height: 20px;
}

table.ForumThreadViewer td.Body {
  text-align: left;
  vertical-align: top;
  border-top: solid 1 black;
}

table.ForumThreadViewer td.Author {
  vertical-align: top;
  text-align: left;
}

它适用于FF但不适用于IE.:(

Answer 1

当你使用百分比时,它们是相对于它们的容器,即便如此,它只适用于某些类型的元素.我认为为了这个工作,你需要将高度应用于<tr>s,并给出<table>一个高度.如果<table>高度也相对,则需要给它的容器一个高度.

但是看看你的数据,你真的确定你应该使用一张桌子吗？!