IE和Firefox <table> </table>之间的单元格渲染差异

Question

我有一个表格，其单元格编码如下

<td valign="top" class="weekend_days"> 
<div class="block_out"> 
<div class="blockout_text">Some content ...Some content ...Some content ...Some content ...Some content ...</div> 
</div> 
</td>

在CSS中，我已将div的高度定义为;

.block_out {height: 50px;} 

我刚刚在这里加入了相关的风格。

现在在IE中，如果内容增加，则单元格会扩展，但在Firefox中，如果内容更多，则不会扩展。

如何解决此问题（我无法直接删除在多个位置使用的height属性）？

Answer 1

试试这个：

.block_out {min-height: 50px;}

min-height示例：http://jsfiddle.net/35bsF/2/

示例身高：http://jsfiddle.net/35bsF/3/

Answer 2

您可能希望包含table-layout：fixed;在你的table-tag中：

<table style="table-layout:fixed;">

这将强制IE收听您设置的尺寸。在stackoverflow上有很多类似的帖子。

如果不希望您的表格展开，请使用此解决方案。