пятница, 7 ноября 2008 г.

min-height для Internet Explorer

Нашел прекрасное решение проблемы неработающего min-height в Internet Explorer. По утверждению автора работает в IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2.

CSS: min-height с инструкцией !important


.minheight100{
border:1px solid #C61A1A;
min-height:100px;
height:auto !important;
height:100px;
}

<div class="minheight100">
<em>Хуже водки -- лучше нет</em><br />
//В. Черномырдин
</div>

Пример:


Хуже водки -- лучше нет
//В. Черномырдин


Другие решения проблемы min-height в Internet Explorer (IE) смотрите в рубрике «Прочитать полностью» :)

IE-хак с underscore


 min-height: 200px;
_height: 200px; /* хак для IE */

comment-hack для IE


/* for understanding browsers */
.container {
width:20em;
padding:0.5em;
border:1px solid #000;
min-height:8em;
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .container {
height: 8em;
}
/**/

Решение с помощью выражений


min-width
#block {
min-width:100px;
width:expression(this.width < 100? ‘100px’: this.width);
}
min-height
#block {
min-height:100px;
width:expression(this.height < 100? ‘100px’: this.height);
}

0 Комментариев :

Отправить комментарий

Жги!