Пропорции изображения

[CroaToa]

Есть задача, разместить картинку выровненную по горизонтали и вертикали в div размерами 104*104.

Проблема в том, что картинки могут быть любых размеров, нужно что бы она уменьшилась сохраняя пропорции и разместилась в родительский div. 

 

Есть какие то готовые решения? Скрипты какие нибудь..

[npofopr]

Вставить картинку через background-image

[CroaToa]

Вставить картинку через background-image

Не вариант, именно через img надо ставить. 

[npofopr]

Есть еще вот такая штука http://htmlbook.ru/css/clip

[CroaToa]

Есть еще вот такая штука http://htmlbook.ru/css/clip

Не ну он же просто обрезает.. а мне нужно именно чтоб поменял размер сохраняя пропорции.. 

[Zverushka]

http://jsfiddle.net/Zverushka/9Ek5e/1/ вот так?

Edited May 4, 2014 by Zverushka

[CroaToa]

Так пойдет? Картинка абсолют должна быть http://jsfiddle.net/Zverushka/9Ek5e/

Так в примере картинка не уменьшается до нужного размера. 

 

Я наверно не так объяснил, например есть картинка 1920*1000 и div 104*104, мне надо запихнуть картинку в этот див, уменьшая картинку до тех пор пока больший размер (в примере ширина) дойдет до отметки 104px. Сохраняя пропорции при этом.

[Zverushka]

@CroaToa,дада, это я скосячила и тут же передалала на нужный вам вариант, посмотрите еще раз - я тот пост отредактировала  http://jsfiddle.net/Zverushka/9Ek5e/1/ 

[CroaToa]

дада, это я скосячила и тут же передалала на нужный вам вариант, посмотрите еще раз - я тот пост отредактировала  http://jsfiddle.net/Zverushka/9Ek5e/1/ 

Сейчас попробую встроить это в своюв ерстку) Там я просто намудрил слегка с выравниванием) 

@CroaToa,дада, это я скосячила и тут же передалала на нужный вам вариант, посмотрите еще раз - я тот пост отредактировала  http://jsfiddle.net/Zverushka/9Ek5e/1/ 

все работает как надо, спасибо Вам)

[amelice]

Есть еще такой вариант
http://jsfiddle.net/9Ek5e/2/
Может пригодится.