Min-height для IE6

Дата публикации: 15.01.2009

Последнее обновление: 15.02.2009

Проблема

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

Решение

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

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

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

Заметка

В «боевых» условиях стоит избегать хаков, более граммотный вариант — использование условных комментариев.

Теги: баги IE6