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