Масштабирование картинки

[Elmirill]

Всем доброго времени суток!

Задал этот вопрос в теме про вписывание в div блоки, но поскольку вопрос той темы был решен, я думаю, будет уместно задать его в новой.

Можно ли масштабировать картинку внутри блока одновременно по width и по height, но с сохранением пропорций? то есть, если окно вытянуто по горизонтали, то масштабирование идет по height. Окно вытянуто по вертикали - по width.

А то получается такая ерунда: если масштабирование идет по height, а окно вытянуто по вертикали, картинка не влезает в окно. А она должна быть вписана в окно браузера.

Пример: http://www.delirio.pro/

[npofopr]

дак ведь тогда у вас картинка не "зельет" весь фон.

[Elmirill]

Это и не требуется. Разговор не о фоновой картинке, а о картинке на которой шестеренки с надписями. Для нее нужны пропорции.

[radist2s]

Может быть подойдет:

height:100%;
width:auto;

Или наоборот.

UPD:

+ overflow:hidden к контейнеру, кончено. Но все равно едва ли будет работать без js.

Можно еще рыть в сторону clip;

Edited August 4, 2010 by radist2s

[Elmirill]

Нет, не сработало. А что такое clip?

Вообще, должно работать как-то без js. Тут всего то нужно как-то сохранить пропорцию картинке. По идее, это же просто. Вот только как прописать, я не знаю.