В принципе, я хотел бы иметь минимальную высоту для своего стола, так что она бы быстро реагировала на собственные средства. Это прекрасно работает в хроме, но это действительно не нравится FireFox, попробовал дисплей: block; но это делает вещи хуже на хроме.
Благодарю.
.table-wrap {
min-height: 323px;
}
table {
width: 100%;
min-height: 323px;
}
table tr {
min-height: 54px;
}
измените таблицу min-height на высоту. если содержание выше, таблица будет увеличена в любом случае
Эффект свойства min-height не определен для таблиц, строк таблицы и ячеек таблицы.
См.: http://www.w3.org/TR/CSS21/visudet.html#min-max-heights
Предположим, что ваша разметка выглядит следующим образом:
<div class="table-wrap">
<table>
<tr>
<td>Cell 1 Donec ipsum libero...</td>
</tr>
<tr>
<td>Cell 2</td>
</tr>
</table>
</div>
Теперь рассмотрим следующий CSS:
.table-wrap {
min-height: 323px;
border: 1px dotted blue;
}
table {
width: 400px;
height: 323px;
border: 1px dashed red;
}
table tr {
height: 54px;
}
table td {
border: 1px dotted red;
}
В этом случае таблица будет иметь минимальную высоту 323px, и эта высота будет распределена между различными строками в таблице в зависимости от деталей содержимого в каждой ячейке таблицы строк.
По крайней мере, каждая строка будет иметь высоту не менее 54 пикселей.
Если у вас много строк с короткими ячейками (менее 54 пикселей в высоту), то в конечном итоге высота таблицы будет корректироваться для размещения строк.
Если таблица имеет только несколько строк с короткими ячейками, то строки будут увеличиваться по высоте, чтобы заполнить высоту таблицы 323 пикселей.
Родительский элемент .table-wrap не влияет на высоту таблицы в этом случае.
См. Скрипку по адресу: http://jsfiddle.net/audetwebdesign/zMtBu/
Добавьте height: 0 и это заставит Firefox занять min-height
К сожалению, именно с Firefox это ошибка: https://bugzilla.mozilla.org/show_bug.cgi?id=307866
min-height: [whatever]
не будет хорошо играть с
display: table
Единственная альтернатива - использовать фиксированную высоту.
Дело закрыто