Масштабируемая картинка в резиновой колонке

Задача

Сделать чтобы изображение в резиновой колонке отображалось полностью внезависимости от ее ширины.

Решение

Оставляем width и height изображения без значений, но задаем max-width: 100%:

<style>
.wrapper img{
	max-width: 100%;
}
</style>
[...]
<img alt="машинка ниче так" src="1.jpg"/>

В живую. Проверено в:

• IE 7-9
• Firefox 9
• Opera 11
• Safari 5
• Chrome

По теме

• Масштабируемый фон