Min-height для IE6 | без использования expression

Min-height для IE6 Дата публикации: 15.01.2009 ...

Дата публикации: 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, но следует помнить, что более граммотный вариант — использование условных комментариев.

Теги:
Показать комментарии

Смотрите также в этом разделе

Смежные материалы, которые могут быть вам полезны

  • HasLayout | знакомимся, управляем, применяем
  • Max-width для IE6 | описание 2-х способов
  • Min-width для IE6 | описание 4-х способов
  • Min-width и max-width одновременно для IE6 | описание 2-х способов
  • PNG и прозрачность в IE6 | 4 метода | обход проблем
  • position:fixed для IE6 | описание 4-х способов
  • Блочная модель в IE6 | решаем проблему с размерами блоков для IE6
  • Высота блока 1px для IE6 | решаем проблемы с блоками небольшой высоты
  • Для IE6 устраняем flickering — обращение к серверу при наведении на элемент
  • Дублирование символов в IE6
  • Дырка под футером при показе блока в IE 6
  • Как перекрыть поверх слоем select в IE6
  • Как перекрыть поверх слоем select в IE6
  • Обрезка контента c отрицательным margin в IE6
  • Отступы плавающих блоков в IE6 | решаем проблему с большим отступом у плавающих блоков
  • Псевдокласс :first-child для ИЕ6
  • Псевдокласс hover в IE 6
  • Селектор потомков > для IE6
  • Селекторы атрибутов [type=…] в ИЕ6
  • Сестринский селектор для IE6
  • Ссылки с вложением
  • Убираем смещение на 1px в IE6 для right:0 и bottom:0