problema div sovrapposti

[Lilli_Vex]

cia a tutti,
ho un problema.
questi div sono dentrop altri div più grandi.
perchè il div c si affianca al div b ma lo sovrappone?
come faccio a far si che vengano due div affiancati ma non sovrapposti?

grazie

<div class="a">
<div class="b">BBBB</div>
<div class="c">CCCC</div>
</div>

.a{
width:500px;
height:90px
}

.b{
float:left;
width:100px;
height:100px
}

.c{
foat:left;
width:400px;
height:100px
}

[kontrasto]

Anche il div A deve avere float:left. Inoltre il div A, che contiene i div B e C, è più piccolo dei B e C (gli hai dato un'altezza di 90, mentre gli altri due hanno come altezza 100).

Comunque quando usi i float è meglio non dare delle altezze, e lasciare che sia il contenuto che poi andrà nei div a fare l'altezza

[jubstuff]

Originariamente inviato da kontrasto
Anche il div A deve avere float:left.

Oppure gli imposti overflow:hidden

Originariamente inviato da kontrasto
Comunque quando usi i float è meglio non dare delle altezze.

Sante parole! Aggiungerei che non si dovrebbe mai impostare l'altezza di qualunque elemento, a meno che non si sappia quello che si sta facendo

[Lilli_Vex]

ho impostato A float left e ho tolto le altezze di B e C ma il contenuto non cambia...
C si continua a sovrapporre ad B... come mai?