Решение проблемы с минимальной высотой блока (min-height) в IE

Сейчас, в эру css 2 и выше, когда почти все браузеры поддерживают такие свойства как min-height и min-width находятся таки любители таких артефактов семейства браузеров, которые в упор отказываются понимать данные конструкции. Вы, наверное, догадываетесь, что речь о таких браузерах как IE6, opera 7 и тому подобное. Если седьмой оперой пользуются немного, то Internet Explorer 6 занимает около 10% рынка. Странные люди конечно, но с ними приходится считаться и вот кратчайший путь подружить min-height со всеми браузерами. Раньше, буквально до вчерашнего дня использовались пусть и невалидные, но работающие костыли:

div {
height:500px;
height:expression(document.body.clientHeight<501?"500px":"auto");
}

Но буквально вчера нашел таки более простое, валидное и главное быстрое решение.

div{
  min-height:500px;
  height:auto !important;
  height:500px;
}

Данный хак работает в IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2

Остальные свойства того же толка делаются по аналогии. Успехов.
[ad name=»Adsense»]

Решение проблемы с минимальной высотой блока (min-height) в IE: 4 комментария

  1. Ещё способ побороть ие6.

    div{
    height:500px; overflow:visible;
    }
    Применяется только для ИЕ6

  2. ты что курил??! IE6 уже не больше 3% и хер с ними, лишние заморочки, лучше писать то что реально нужно а не извращатся

    • Про 3 процента я не слышал, руководствуюсь статистикой http://www.w3schools.com/browsers/browsers_stats.asp

      Правда о пользователях ИЕ6 я не особо парюсь, кто пользуется этим раритетом вряд ли будет что-то покупатиь или оплачивать в интернете — не его уровень

Обсуждение закрыто.