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

Как сделать 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 будет обрабатывать их хорошо ;). Я лично, пользюсь первым примером. Мне он больше приглянулся.

29 ноября 2008 в 15:484 комментария Верстка, , ,

Комментарии — 4 комментария

  1. #198 Egoholic в 22:23, 8 января 2009:

    Ответить | Цитировать

    яваскрипт в КСС — как-то не надежно =( жаль, что другого способа нет. может лучше статика?

  2. #204 WebMast в 11:10, 9 января 2009:

    Ответить | Цитировать

    А где здесь JavaScript? Может я чего-то не знаю:

    min-height:400px;
    height:auto !important;
    height:400px;
  3. в строке height: expression(scrollHeight < 201px ? «200px» : «auto» ); ошибка, нужно
    height: expression(scrollHeight < 201 ? «200px» : «auto» );

  4. #1703 Scif в 20:17, 15 июня 2009: (подписался)

    Ответить | Цитировать

    Вот где прогресс.. уже 8-ая версия браузера IE, а до сих пор нету поддержки этого тега!

Добавить комментарий

имя:

e-mail:

сайт:

текст:

Subscribe without commenting