posizionamento div: dove sbaglio?

[meldro]

Ho 5 div che dovrebbero essere posizionati così:

1 3 4
2 5

Il 1 2 4 5 sono alti (height: 100px
Il 3 è 200 px.


il codice è questo:

<div id='1'></div>
<div id='3'></div>
<div id='4'></div>
<div id='2'></div>
<div id='5'></div>

lo stile

#1{
float: left;
height: 100px;
]
#2{
float: left;
height: 100px;
]
#3{
float: left;
height: 200px;
]
#4{
float: right;
height: 100px;
]
#5{
float: right;
height: 100px;
]

Il risultato però non è quello voluto infatti ho il 3 al fianco dell'1 ma poi il 2 è si sotto l'uno ma non attaccato ad esso bensi inizia dal fondo del 3, stessa cosa per il 4 ed il 5 che sono sulla destra, sono perfettamente uno sotto l'altro ma iniziano alla fine del div 3.

Dove sbaglio?

[Black_Cat_XIII]

sbaglio o gli zeri sono delle "o" ?
comunque penso perchè si dispongono a livello d'altezza rispetto agli altri e il 3 essendo più alto, non permette un corretto allineamento.
Secondo me ti conviene racchiudere i div in altri blocchi div così non sbagli.

[meldro]

Originariamente inviato da Black_Cat_XIII
sbaglio o gli zeri sono delle "o" ?
comunque penso perchè si dispongono a livello d'altezza rispetto agli altri e il 3 essendo più alto, non permette un corretto allineamento.
Secondo me ti conviene racchiudere i div in altri blocchi div così non sbagli.

Si sono delle o, mi sono sbaglio nel trascrivere il codice qui sul forum, ovviamente sul foglio di stile sono degli 0. ;-) Comunque ora le correggo anche nel post.

Per quanto riguarda la tua soluzione... volevo evitare altri blocchi se possibile.

[Black_Cat_XIII]

prova a farli tutti di 200 o di 100 px allora...

[Mich_]

il crossposting e` vietato