Max-width, max-height, min-height, min-width в IE
Проблема – не работают эти свойства в 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.
Август 31st, 2008 at 2:57 пп
Благодарю за интересный пост. Не ругайтесь если не туда, но как с администрацией сайта связаться?
Сентябрь 2nd, 2008 at 7:16 пп
"Что до min-height и min-width – тут проще, в IE6 они равносильны обычным width и height, и нужны только для firefox и opera." — не совсем так )). Да, height равносилен, а вот width нет, для width приходится писать: expression(this.width<100?’99px’:'auto’);
Декабрь 13th, 2008 at 4:03 пп
не работает ваш код
Январь 10th, 2009 at 12:27 дп
Не работает!
Январь 28th, 2009 at 12:08 дп
height:expression(this.scrollHeight> 125 ? "125px" : "auto")
Март 12th, 2009 at 8:49 пп
у меня сработал вот такой код:
width: expression(this.offsetWidth <100?’99′:’auto’);
Апрель 1st, 2009 at 12:11 пп
не, ни фига не понимает ие про мин-хейт. все равно какая-то минимальная высота у него есть, и что я хочу ему задать минимальную 1px – его вообще не колебет.
Апрель 3rd, 2009 at 8:58 дп
Jen, наверняка пробел стоит, который высоту эту определяет.
Если хочешь сделать в 1px поставь font-size: 1px;
Октябрь 2nd, 2009 at 10:45 дп
Я юзал код только на max-height, и у меня для IE-6 то все покатило. Большое спасибо!!!
Впервые увидел в css использование expression (несмотря что опыт работы 3 года), ща буду ближе знакомится с expression (на первый взгляд я оцениваю это javascript вставка).