Наложение изображения на фон.

[DRu999]

Ребят помогите разобраться.

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

Подробнее:

Есть изображение. И есть настройки блока для превьюшки. К примеру 60px на 80px. Сейчас сделано так, что изображение ужимается по наименьшей стороне,а большая часть тупо обрезается. но зато блок для отображения превью картинки заполнен полностью, тоесть 60*80, если делать сжимание по большей стороне, то соответственно картинка по какой то стороне меньше заданных размеров, т.к. картинка может быть и широкой или высокой.

В общем помогите сделать так если возможно:

нужно что то типа: создаем блок с заданными размерами к примеру 60*80, делаем ему заданный в выведенных настройках цвет, к примеру черный. Дальше берем фотку, сжимаем ее чтобы она уместилась в заданные настройки div. потом выравниваем (к примеру для ширины будет так: (заданная ширина-ширина фотки)/2. полученный результат прибавляем слева и справа к фотке, в итоге она по центру, тоже самое и для высоты), тоесть получается полностью отцентрированная фотка в блоке нужного размера, всю эту композицию сохраняем.

В итоге у нас превьюшка заданных размеров, картнка в которой если меньших размеров, то она ровно по центру.

Пробывал делать, но с блоком чтото никак не придумаю вариант. Получалось только если брать готовый фон а на него накладывать картинку и сохранять. В общем получается тупо делаем ватемарк. Но это как бы немного не то. Подскажите как решить данную проблему.

[antonKar]

Если я правильно понял

img {

width: 100%;

height: auto;

}