max-width и max-height в Internet Explorer 6/7 — реальность
Для определения минимального и максимального значения размеров «резиновых» блоков в (X)HTML, предусмотрены свойства CSS max-width и max-height.
Все современные браузеры, например Opera, Firefox и Safari уже довольно таки давно правильно интерпретируют эти свойства даря веб-разработчикам «счастье». Как всегда IE (Internet Explorer) отличился. Почему-то разработчики в очередной раз «забили» на стандарты и сделали по своему — т.е. ничего не сделали.
Возможность задавать предельные значения для масштабируемых блоков очень полезна. Например, для того чтобы верстка с заданной шириной в 100% не теряла внешний вид при максимизации окна браузера на большом мониторе, заставляя пользователя читать полуметровые строки текста.
Есть хороший способ заставить IE ограничивать масштабируемые блоки по горизонтали либо вертикали.
Код:
эквивалентен:
Используя expression в сочетании со стандартными свойствами CSS, можно добиться необходимого эффекта в отношении масштабируемых блоков:
Все современные браузеры, например Opera, Firefox и Safari уже довольно таки давно правильно интерпретируют эти свойства даря веб-разработчикам «счастье». Как всегда IE (Internet Explorer) отличился. Почему-то разработчики в очередной раз «забили» на стандарты и сделали по своему — т.е. ничего не сделали.
Возможность задавать предельные значения для масштабируемых блоков очень полезна. Например, для того чтобы верстка с заданной шириной в 100% не теряла внешний вид при максимизации окна браузера на большом мониторе, заставляя пользователя читать полуметровые строки текста.
Есть хороший способ заставить IE ограничивать масштабируемые блоки по горизонтали либо вертикали.
Код:
div {
width: expression(800 + "px");
}
width: expression(800 + "px");
}
эквивалентен:
div {
width: 800px;
}
width: 800px;
}
Используя expression в сочетании со стандартными свойствами CSS, можно добиться необходимого эффекта в отношении масштабируемых блоков:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.content {
/*min-width и max-width для IE*/
width: expression(document.body.clientWidth > 800 ? "800px" : (document.body.clientWidth < 501 ? "500px" : "auto"));
max-width: 800px;
min-width: 500px;
height: 200px;
}
</style>
</head>
<body>
<div class="content">Block</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.content {
/*min-width и max-width для IE*/
width: expression(document.body.clientWidth > 800 ? "800px" : (document.body.clientWidth < 501 ? "500px" : "auto"));
max-width: 800px;
min-width: 500px;
height: 200px;
}
</style>
</head>
<body>
<div class="content">Block</div>
</body>
</html>
---
| 28 декабря 2007 | ROW | комментарии: 6 |
№2 st1morol (29 декабря 2007 15:18)
 |
z0nder, как же я с тобой согласен, да думаю и не только я. |
№3 tema-molotov (29 декабря 2007 18:25)
 |
z0nder, st1morol, теперь докажите это тем, кто до сих пор использует и благословит IE :)) |
№4 EzS (13 января 2008 17:42)
 |
А ими пользуется около 60% пользователей-( |
№5 iLize (17 января 2008 20:22)
|
Internet Explorer - гавно редкое. Те кто его используют либо мазохисты либо ламеры, которые не знают что ест замечательные бразуеры такие как Opera или Firefox. |
№6 user4life (9 апреля 2008 17:26)
 |
Система: Vista SP1, Internet Explorer 7 — max-width и max-height работают без дополнительных хаков. Неуж-то мелкомягкие взялись за голову и начали «полировать» свое детище… |
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
№1 z0nder (29 декабря 2007 01:00)
Opera или Firefox - лучшие броузеры!