Как сделать min-height в IE?

Такие трюки css как min-height очень нужны. Совсем недавно, верстая сайт, я обнаружил такую проблему. Всеми любимы ишак никак не хотел видеть мой параметр минимальный высоты. Он просто напросто его игнорировал..

Но так как IE сейчас пользуются достаточное количество человек, то пришлось искать решение. Решение было найдено, но какого было мое удивление, когда я увидел всего 3 строчки. Я долго радовался :).

Вот таким пример я воспользовался:

min-height:400px;
height:auto !important;
height:400px;

Как видите, ничего сложного! Создатель этого хака  Дастин Диаз. Спасибо ему..

Есть еще два способа:

1. min-height с помощью padding

.my {padding-top:200px}
.my .inner{margin-top:-200px}

Или для универсальности вот так:

.my .inner{padding-top:200px}
.my .inner1{margin-top:-200px}

2. min-height с помощью expression

height: expression(this.scrollHeight < 201px ? "200px" : "auto" );
min-height: 200px;

Что бы ускорить работу скрипта, this можно опустить:

height: expression(scrollHeight < 201px ? "200px" : "auto" );

Только для body так нельзя оптимизировать!

Здесь вы увидели 3 примера, как можно употреблять min-height без опаски. Ну или во всяком случаю IE будет обрабатывать их хорошо ;). Я лично, пользюсь первым примером. Мне он больше приглянулся.