Решение проблемы с минимальной высотой блока (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
Остальные свойства того же толка делаются по аналогии. Успехов.
Ещё способ побороть ие6.
div{
height:500px; overflow:visible;
}
Применяется только для ИЕ6
Спасибо, буду иметь ввиду
ты что курил??! IE6 уже не больше 3% и хер с ними, лишние заморочки, лучше писать то что реально нужно а не извращатся
Про 3 процента я не слышал, руководствуюсь статистикой
Правда о пользователях ИЕ6 я не особо парюсь, кто пользуется этим раритетом вряд ли будет что-то покупатиь или оплачивать в интернете – не его уровень