<Table> разница в визуализации ячеек между IE и Firefox

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;}

Пример минимальной высоты: http://jsfiddle.net/35bsF/2/

Пример высоты: http://jsfiddle.net/35bsF/3/

Answer 2

Вы можете включить макет таблицы: исправлено; в вашей таблице-теге:

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

Это заставит IE прослушать установленные вами размеры. Об этом уже довольно много подобных сообщений в stackoverflow.

Использует это решение, если вы не хотите, чтобы ваша таблица расширялась.