Max-width, max-height, min-height, min-width в IE

admin — Tue, 10 Jun 2008 10:30:41 +0000

Проблема – не работают эти свойства в Internet Explorer 6 и ниже версий. Решений в интернете нашел много, но большинство вешали браузер, либо просто не работали. Что заметил, совместная попытка использования замены max-height и max-width – приведет к сносу башни у IE, и он попросту зависнет. Но, ближе к делу:
max-width
#block {
max-width:100px;
width: expression(this.offsetWidth > 101?"100″:"this.offsetWidth");

}
max-height
#block {
max-height:100px;
height: expression(this.offsetHeight > 101?"100″:"this.offsetHeight");
}

Принцип действия понять не сложно – "если размер больше 100, ставь 100″

Что до min-height и min-width – тут проще, в IE6 они равносильны обычным width и height, и нужны только для firefox и opera.

Fix Blog » opera

Max-width, max-height, min-height, min-width в IE