Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.12.2009, 17:16
Кандидат Javascript-наук
Отправить личное сообщение для PAMAC Посмотреть профиль Найти все сообщения от PAMAC
 
Регистрация: 12.08.2009
Сообщений: 116

Размер img не больше чем у div
добрый день!
Как сделать так чтобы widht и height img было не больше чем у div и img находился строго по центру как по вертикали так и по горизонтали и не нарушались пропорции изображения?

Вот мой пример, работает не так как бы этого мне хотелось:
<div style="width:100px; height:150px; background-color:#cccccc; display:table; valign-top:middle;"><img src="изображение" style="max-widht:100%; max-height:100%;" /></div>


Спасибо за уделённое мне время.
Ответить с цитированием
  #2 (permalink)  
Старый 21.12.2009, 22:05
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

Насчёт пропорций - на css это невозможно.
Ответить с цитированием
  #3 (permalink)  
Старый 21.12.2009, 22:23
Кандидат Javascript-наук
Отправить личное сообщение для PAMAC Посмотреть профиль Найти все сообщения от PAMAC
 
Регистрация: 12.08.2009
Сообщений: 116

А с помощью чего это возможно? И каким образом?
Ответить с цитированием
  #4 (permalink)  
Старый 21.12.2009, 22:34
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

Сообщение от PAMAC
А с помощью чего это возможно? И каким образом?
Если размер дива фиксирован - это лучше делать на сервере, при том, сразу же при получении файла, а не перед отдачей его клиенту, ибо накладно получается. Если нет - делать див в нужных пропорциях и картинке ставить 100% высоты и ширины. Вообще, изменять размер картинки средствами html/css не есть гуд: если делать его больше - качество сразу бросается в глаза, если меньше - зачем грузить лишние байты? Исключение - анимация.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Границы элемента DIv gosha_kap Общие вопросы Javascript 1 06.07.2009 17:12