Проблема с float

[mrPsyx]

Я в первые сверстаю на дивах и у меня на вверху есть 2 картинки я выравнил с помощью float:left, второй картинке я написал margin-right:100px и когда брузер сужается, 2-я картинка не сидит на своем месте, как мне надо, а падает под 1-ой картинке .... как сделать чтоб она осталось на своем месте ??

 

[gor]

Я в первые сверстаю на дивах и у меня на верху есть 2 картинки я выравнил помащию float:left второй картинке я написал margin-right:100px и когда брузер сужается 2-я картинка не сидит на своем месте как мне надо а падает под 1-ой картинке .... как сделать чтоб она осталось на своем месте ??

Задавайте width картинок в процентах, то же и для div-ов(резиновая верстка)
Пример:

<div style="width:100%;text-align:center">
<img src="" style="width:20%"><img src="" style="width:20%"><img src="" style="width:20%"><img src="" style="width:20%">
</div>

 

[mrPsyx]

не работает

 

[gor]

не работает

Напишите ваш код со стилями

 

[mrPsyx]

<div id="content">

<div id="logo-site"></div>
<div id="banner"></div>

</div>



html {
width:100%;
height:100%;
}
 
body {
margin:0;
width:100%;
height:100%;
background-color:#FFFFFF;
overflow:hidden;
}

div#content {
background:url(../img/background-image.png) no-repeat;
width:100%;
height:100%;
}


div#logo-site {
background:url(../img/logo-site.png) no-repeat;
margin:55px 0 0 15px;
width:226px;
height:92px;
float:left;}

div#banner {
background:url(../img/banner1.png) no-repeat;
width:238px;
height:117px;
float:left;
margin:30px 0 0 55px;
}

 

[gor]

Так в чем проблема?
Чтобы один див выпирал другой нужно разрешение экрана меньше 500px?
И опять таки процентная верстка работает, может вы просто привели только часть кода?

 

[mrPsyx]

Так вот когда браузер сужается то картинка подстраевается под первую картинку а мне надо чтоб она осталось на свое место.

 

[komusite]

Так вот когда браузер сужается то картинка подстраевается под первую картинку а мне надо чтоб она осталось на свое место.

Дам тебе подсказку ... дальше думай сам.

<div id="content">

<div id="logo-site">
<div id="banner"></div>
</div>
</div>

Я конечно не видел весь код, но то что ты написал

html {
width:100%;
height:100%;
}
 
body {
margin:0;
width:100%;
height:100%;
background-color:#FFFFFF;
overflow:hidden;
}

div#content {
background:url(background.jpg) no-repeat;
width:100%;
height:100%;
}

Будут проблемы, гарантия 99%. height:100%; вот где собака порылась.

 

[medwoodu]

во внешнем диве прописать стиль:white-space:nowrap это аналог хтмл <nobr>