Min-height

Автор: Евгений Рыжков Дата публикации: 15.01.2009

Проблема

IE6 не понимает свойство min-height.

Решение

Задаем height — это и будет минимальная высота для IE6 (если содержимого будет не вмещаться в заданную высоту, IE6 просто увеличит высоту блока):

.block {
min-height: 100px; /* минимальная высота */
}
* html .block { /* хак для IE6 */
height: 100px; /* минимальная высота для IE6 */
}

Это прием сработает только при условии, что блоку не задано свойство overflow: hidden. В этом случае прибегаем к приемам описанным в min-width для IE6.

Заметка

Для реализации этого приема можно воспользоваться любым из хаков для IE6, но следует помнить, что более граммотный вариант — использование условных комментариев.