Проблема с дивами

[UnknownArtist]

Вот мой HTML :

Код HTML:
<div id="menu">
</div>

<div id="content">
</div>

<div id="right">
</div>
А вот css к ним :

Код HTML:
div#menu {
background: url('../img/menu-1.png') no-repeat;
height: 671px;
width: 365px;
margin-left:73px;
float:left;
}

div#content {
background: url('../img/menu-2.png') no-repeat;
height: 671px;
width: 532px;
margin-left:436px;
float:left;
}

div#right {
background: url('../img/menu-3.png') no-repeat;
height: 671px;
width: 385px;
margin-left:1000px;
}
Но почему то второй блок наезжает на третий. После первого на второй переход нормальный, а вот второй и третий не пойму в чем дело.

Подскажите ошибку. Буду благодарен

 

[Skvoznyak]

Ответ: Проблема с дивами

365+73+532+436 > 1000

потому и наезжает, видимо.

 

[Mallard]

Ответ: Проблема с дивами

А как должно-то быть? В ряд? Слева меню, потом контент, потом правый блок? Уверены, что вся конструкция должна быть по ширине 1385 пикселей? Оно наверное из-за ширины у Вас и съезжает, просто в монитор не помещается. Напишите подробнее, что должно в результате получиться.

 

[EDark]

Ответ: Проблема с дивами

у div#content
сделайте margin-left равным к примеру 4px
если вы ставите float то учитывать ширину предыдущего блока не надо

вот в right правильно, float нет, учитывается ширина первых двух а они обтекают слева