Min-Height для стола в Firefox не работает

В принципе, я хотел бы иметь минимальную высоту для своего стола, так что она бы быстро реагировала на собственные средства. Это прекрасно работает в хроме, но это действительно не нравится FireFox, попробовал дисплей: block; но это делает вещи хуже на хроме.

Благодарю.

.table-wrap {
    min-height: 323px;
}

table {
    width: 100%;
    min-height: 323px;
}

table tr {
    min-height: 54px;
}

Ответы

Ответ 1

измените таблицу min-height на высоту. если содержание выше, таблица будет увеличена в любом случае

Ответ 2

Эффект свойства 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/

Ответ 3

Добавьте height: 0 и это заставит Firefox занять min-height

Ответ 4

К сожалению, именно с Firefox это ошибка: https://bugzilla.mozilla.org/show_bug.cgi?id=307866

min-height: [whatever]

не будет хорошо играть с

display: table

Единственная альтернатива - использовать фиксированную высоту.

Дело закрыто