[Scorp]

Делаю резину. при уменьшении окна плита сваливается, что бы более понятно было о чем речь, прикрепляю картинки. подскажите в чем ошибка.(если решу проблему, отпишу что бы не писали зря =) ) вот код.

Тело

<div id="verh">
<div id="logo"></div>

<div id="banner"></div>

</div>

css
#verh { /*верх лого банер*/

	float: none;
	width: 100%;
    height         : 150px;

	background-color: #0033FF;
    }

#logo { /* лого */
	float: left;
	width: 407px;
	height         : 96px;
	background-color: #FFFFFF;
	padding-top: 25px;
	padding-left: 20px;
	
    }	
	
	
#banner { /* баннер */
	float: right;
	width: 468px;
	height         : 100px;
	background-color: #FF2424;
	padding-top: 25px;
	padding-right: 20px;
	
    }

[Scorp]

Если делаю в процентах картинки(которые вставляются в эти плиты) наезжают друг на друга. мне нужно сделать так что бы при уменьшении окна картинки оставались на месте в этих плитах, что б ничего не сваливалось и не наезжало . в правой баннер будет вставиться 468х60 а в левой лого 407х96

[3ABAPKA]

#verh { /*верх лого банер*/
width: 100%;
height : 150px;
background-color: #0033FF;
}

#logowrapper{
float: left;
width: 100%;
margin-right: -50%; /*Set left margin to -(bannerWidth)*/
}

#logo { /* лого */
margin: 0 50% 0 0;
height : 96px;
background-color: #FFFFFF;
}


#banner { /* баннер */
float : left;
width : 50%;
height : 100px;
background-color: red;
}

<div id="verh">
<div id="logowrapper">
<div id="logo">logo</div>
</div>

<div id="banner">banner</div>
<br clear="all">
</div>

[Scorp]

ЗАВАРКА Привет)) а все ровно наезжает .. попробую через абсолют сделать

[3ABAPKA]

Дык с картинками и будет наезжать, они ведь не уменьшаются!

[Scorp]

Как же быть? выход же быть должен =)

[3ABAPKA]

Закажи картинки!

[Scorp]

что значит закажи картинки

[3ABAPKA]

Ну имею ввиду закинь картинки сюда!

[Scroll]

Выход - делать не на дивах. Дивы вообще себя иногда очень странно ведут, кроссбраузерность на них сложнее делать. ИМХО.