<Table> IE和火狐浏览器之间的单元格渲染差异

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中，如果内容增加，它不会扩展。

我如何解决这个问题(我将无法直接删除高度属性，因为它是在多个地方使用)?

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 style="table-layout:fixed;">

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

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