div заезжает под другой div

[RiG]

В общем имеется такой макетик

<div style='min-width:650px;'>
<div style='float:left;'>1</div>
<div style='float:right;'>2</div>

<div style='width:100%;clear:both;'></div>

<div style='float:left;'>3</div>
<div style='background-image:url'>Заливка картинкой</div>

</div>

При уменьшении масштаба страницы (ширины браузера) 2-й див заезжает под первый, то есть оказывается над 3-им. Как от этого избавиться?

Edited April 16, 2011 by RiG

[Gaspode]

У вас второй див не закрыт. Это вы перенесли плохо или в коде так и есть?

ЗЫ И кавычки в стайле криво стоят.

Edited April 16, 2011 by Gaspode

[RiG]

Это просто тут криво написал, в исходном коде всё нормально

[cssview]

Что конкретно вы хотите получить.

[RiG]

Я хочу чтобы при малом размере окна браузера div 2 не заезжал под div 1. Просто должна создаться горизонтальная полоса прокрутки, и всё что не влезает ушло за экран

[cssview]

Странно но у меня ничего не наезжает.

Вот посмотрите.

<div style="min-width:650px; overflow:hidden;">
  <div style="float:left;">1</div>
  <div style="float:right;">2</div>
  <div style="clear:both;"></div>

  <div style="float:left;">3</div>
  <div style="background: #cccccc;">Заливка картинкой</div>
</div>

[psywalker]

В общем имеется такой макетик

<div style='min-width:650px;'>
<div style='float:left';>1</div>
<div style='float:right';>2</div>

<div style='width:100%;clear:both;'></div>

<div style='float:left';>3</div>
<div style='background-image:url'>Заливка картинкой</div>

</div>

При уменьшении масштаба страницы (ширины браузера) 2-й див заезжает под первый, то есть оказывается над 3-им. Как от этого избавиться?

У тебя кавычки в стилях стоят перед точкой с запятой.

<div style='float:left';>1</div>
<div style='float:right';>2</div>

[RiG]

При широком экране макет выглядит так

Про сужении экрана ДОЛЖНО быть так

Но сейчас это выглядит так

psywalker, это просто тут ошибка, быстро печатал. В исходном коде всё норм

Edited April 16, 2011 by RiG

[psywalker]

Значит ширину ограничь у блоков, и сделай минималку у родителя больше.

[RiG]

Ширина уже ограничена.

Блок 1 397px

Блок 2 400px

Блок 3 400px

Блок 4 100%

Высота также установлена фиксированная

Блин, сам написал и сам понял что затупил. Ширина блоков больше минималки. Спасибо psywalker

[psywalker]

Ширина уже ограничена.

Блок 1 397px

Блок 2 400px

Блок 3 400px

Блок 4 100%

Высота также установлена фиксированная

Блин, сам написал и сам понял что затупил. Ширина блоков больше минималки. Спасибо psywalker