Резиновая верска

[Valentinka.solar]

Доброго времени суток ув. форумчане.

Возникла следующая проблема.

Делаю резиновую верстку. Но в шапке сайта блоки залазят друг на друга. Есть .Логотип+фон и есть фоновая картинка шапки. При изменении размера страницы фоновая картинка вместо того что бы сужаться, просто заезжает под блок с логотипом.

Причем блок с логотипом должен быть фиксированого размера.

Вот код

.head { /*шапка*/
width:100%; height:280px; min-width:900px;
display:block;
background:url(../img/bg.jpg) no-repeat right;
border-bottom:4px solid #d5d3d3;
}
.head_logo{/*фон логотипа*/
position: absolute;
z-index:1;
}
.logo{ /*логотип*/
z-index:3;
position: absolute;
margin:107px 21px;
width:210px; height:77px;
}

<header class="head">
<img src="img/bglogo.jpg" alt="" title="" class="head_logo" >
<a href="#"><img src="img/log.jpg" alt="" title="" class="logo"></a>
</header>

С контентом тоже проблемы. Левый блок с меню должен быть фиксированным, все остальное тянется. Указываю размеры картинок в %, а они при изменение размеров тупо вниз съезжают.

[sitemaker999]

на класс .head поставьте clear:both

я тоже резиновой пользуюсь

Edited April 23, 2013 by sitemaker999

[Valentinka.solar]

на класс .head поставьте clear:both

я тоже резиновой пользуюсь

поставила, но результата это не дало. Фоновая картинка все равно при уменьшении размера под логотип заезжает.

[sitemaker999]

пожайлуста, выложите пример на jsFiddle

[Valentinka.solar]

пожайлуста, выложите пример на jsFiddle

http://jsfiddle.net/Valentinka/6n4N7/ вот, только я не знаю, как туда можно картинки вставлять, поэтому просто сделала фоновые цвета

[sitemaker999]

http://av.saleone.ru/images/model/18067.jpg

эту картинку возьмите

Edited April 24, 2013 by sitemaker999

[Valentinka.solar]

http://av.saleone.ru/images/model/18067.jpg

эту картинку возьмите

http://jsfiddle.net/Valentinka/6n4N7/1/ вставила

[sitemaker999]

и нарисуйте в paint'e схему того что вы хотите