Обрезка изображения

[_green]

Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть

<div style="width:300px;height:188px;overflow:hidden">
<img width="300">
</div>

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

Edited November 18, 2011 by _green

[Mr.Black]

Можно ссылку на сайт в лс, посмотрю что можно сделать?

Edited November 18, 2011 by Mr.Black

[Pinguin]

Два варианта

Поскольку все картинки разной высоты - ваш вариант второй.

Я бы в этой ситуации обрезал сами картинки. Через action это делается за пару минут.