mac上的CSS/Tables问题

Question

我在新重新设计的网站上遇到了CSS和/或表格的一些问题.由于众所周知的"100%div高度" - 我已经使用表格作为网站的结构元素.所以它看起来像这样:

HTML MARKUP:

<div id="header">...</div>
  <table>
  <tr>
    <td><div id="main">...</div></td>
    <td class="crighttd"><div id="cright">...</div></td>
   </tr>
</table>
<div id="footer">...</div>

和相应的CSS

table {
  border-top: 1px solid #6A6A6A;
  padding: 0;
  margin-top: 20px;
  border-spacing: 0
}

td {
  vertical-align: top;
  padding:0;
  margin:0
}

.crighttd {
  background: #4F4F4F;
  vertical-align:top;
  margin: 0
}

#cright {
  width: 185px;
  float: right;
  background: #4F4F4F;
  height: 100%;
  line-height: 1.2em;
  margin: 0;
  padding: 25px 0 25px 20px;
}

这里的问题是,显然右边的td在某些浏览器中根本不会显示(在Mac上以及IE的旧实例上看到过这种情况).这是一个CSS问题还是表格的东西？

Answer 1

因为众所周知的"100%div高度" - 因为......

会是哪一个？那个解决了吗？基本上,重要的是

html, body {
    height: 100%;
}

作为解决方法的表格在这里是禁止的,因为据我所知,它们在高度上有类似的问题.