резиновая шапка

[devid89]

здравствуйте, скажите пожалуйста, есть максимальная и минимальная ширина сайта. создаю див для шапки, указываю минимальную и максимальную ширину (те же значения что и всего сайта), в этом же классе (у дива) дополняю параметр в виде width:100% для img и в штмл шаблоне прописываю код для картинки. 

 

При уменьшении или увеличении экрана картинка "сжимается", как будто дверь в метро закрылась и не успели выйти. 

 

пробовал повторить ширину 100% для картинки в самом теге <img> - все равно сжимается. как быть? 

спасибо!

[Светлана Г.]

Покажите свой код...

Попробуйте для img {max-width:100%;}

Edited January 24, 2014 by Светлана Г.

[Николя223]

может пиксельную ширину картинке задать?

Извините, не удержался посмотрев на название темы

[devid89]

код header в котором шапка:

#header {    height: 365px;    max-width: 1600px;    min-width: 1152px;    position: relative;    width: 100%;

а вот код для шапки:

 

.header img {    border: 0 none;    height: 365px;    max-width: 1600px;    min-width: 1152px;    width: 100%;

 

 

 

Edited January 25, 2014 by devid89

[Светлана Г.]

.header img {     border: 0 none;     height: 365px;     max-width: 1600px;     min-width: 1152px;     width: 100%;

 

 .header img {

    border:0;

    height: auto;

    max-width: 100%;

Edited January 25, 2014 by Светлана Г.

[devid89]

 

.header img {     border: 0 none;     height: 365px;     max-width: 1600px;     min-width: 1152px;     width: 100%;

 

 .header img {

    border:0;

    height: auto;

    max-width: 100%;

 

спасибо! помогло. Но он уменьшает высоту картинки. Есть какой нибудь способ не уменьшать ее ? или это нужно редактировать размер исходной картинки? 

[Светлана Г.]

Все зависит от задачи. На данный момент мало информации.

.

Указанный мною код применяется тогда, когда нужно картинку вписать в заданные размеры, при этом сохраняя ее пропорции.

Возможно в Вашем случае, вместо <img> правильнее использовать свойство background - т. е. картинку использовать в качестве фона шапки.