как прописать авто масштабирование картинки на страницах разной ширины?

есть статья, в которую вставлены картинки. эта статья полноценно отображается при переходе в соответствующую категорию, а также отображается частично на главной странице в последних новостях...
в первом случае ширина поля 800px, во втором - 300...

вопрос: что прописать в html статьи, чтобы ширина картинки была допустим 50% от ширины поля??

 

Ширина какого поля? Скинь ссылку на сайт что ли.

 

http://demo.rockettheme.com/wordpress/wp_affinity/ вот демо, сам сайт на локалхосте...

последние новоти на главной - в колонках user1 и user2, полная статья в maincol

 

Я не совсем конечно понял вопрос. Я думаю нужно во первых узнать ширину поля, во вторых присвоить класс к картинке и в стилях прописать 50% ширины поля.

 

забыл сказать, статью и картинки вставляю через произвольный html-код...
с процентами я пробовал: с шириной картинки проблем нет (пишу 100, а если высоту взять 100%, то картинка растягивается на весь экран, так как в шаблоне нет ограничения модулей по выысоте...
и так как пропорции модулей разные, то при вводе 30% по высоте в одном модуле картинка сплющенная, в другом - растянутая...