Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Ограничение максимального размера картинки. Как?
цитата
13/11/07 в 19:52
 cyberxxx
Существует ли универсальный способ задать максимальную ширину, или высоту картинки при отображении ее на HTML-странице. Стили вроде style="max-width:400px; height:auto;", к сожалению, работают только в FF, потомучто IE даже не догадывается о существовании таких значений как "max-width" icon_sad.gif

Гуру CSS и JS, посоветуйте что-нибудь работающее во всех основных браузерах!
цитата
13/11/07 в 23:59
 EvGenius
заключить в div со стилем overflow:hidden
только картинка будет обрезаться, а не уменьшаться
ну и div'у соответственно задать ширину и высоту, которая и будет max-width max-height
цитата
14/11/07 в 00:05
 EvGenius
еще тут только что попробовал. можно тоже в div заключить с фиксированными размерами, а img внутри сделать width:100%;height:100%
тогда фотка растянется на всю ширину div'а хоть и криво.

может на JS можно красивей все сделать, но я лично стараюсь вообще не использовать нигде яву
цитата
14/11/07 в 00:05
 site2you
если задать только один из параметров (width или height), второй просчитается автоматом
цитата
14/11/07 в 03:33
 cyberxxx
site2you писал:
если задать только один из параметров (width или height), второй просчитается автоматом


А пример можно? Чтобы работал одинаково и в IE и в FF.

З.Ы. Нужно чтобы все картинки, у которых размеры (ширина, например) больше заданных автоматически пропорционально масштабировалась по этому размеру. Картинки с меньшими размерами масштабироваться не должны. Варианты сделать все картинки одного размера, или покропить их не подходят.


Эта страница в полной версии