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: 1oopx;
]
#2{
float: left;
height: 1oopx;
]
#3{
float: left;
height: 2oopx;
]
#4{
float: right;
height: 1oopx;
]
#5{
float: right;
height: 1oopx;
]

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?

[Mich_]

Suppongo che il posizionamento sia di questo tipo:

1  3  4
2 (3) 5

E suppongo che non hai usato quel codice, dato che oopx (pixel orientati agli oggetti??) non e` una unita` di misura valida ...

In un layout come quello da me descritto, si individuano tre colonne, di cui la prima e la terza sono ulteriormente suddivise.
Quindi l'HTMNL diventa:

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

E nel CSS devi definire anche:
.colonna { float: left; }
mentre devi togliere tutti i float dai blocchi interni.

[meldro]

Originariamente inviato da Mich_
Suppongo che il posizionamento sia di questo tipo:

1  3  4
2 (3) 5

E suppongo che non hai usato quel codice, dato che oopx (pixel orientati agli oggetti??) non e` una unita` di misura valida ...

In un layout come quello da me descritto, si individuano tre colonne, di cui la prima e la terza sono ulteriormente suddivise.
Quindi l'HTMNL diventa:

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

E nel CSS devi definire anche:
.colonna { float: left; }
mentre devi togliere tutti i float dai blocchi interni.

Perfetto grazie.
Solo che... a questo post aveva risposto un altro utente ieri e io avevo risposto lui correggendo le oo con gli 00... ?!?!?! Boh...

[meldro]

Originariamente inviato da Mich_
Suppongo che il posizionamento sia di questo tipo:

1  3  4
2 (3) 5

E suppongo che non hai usato quel codice, dato che oopx (pixel orientati agli oggetti??) non e` una unita` di misura valida ...

In un layout come quello da me descritto, si individuano tre colonne, di cui la prima e la terza sono ulteriormente suddivise.
Quindi l'HTMNL diventa:

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

E nel CSS devi definire anche:
.colonna { float: left; }
mentre devi togliere tutti i float dai blocchi interni.

Scusa non ho capito cos'è successo?!?!
Perchè il post è doppio?!?!
Mi smebra d'aver postato una volta sola qui... dove avrei fatto crossposting? Cioè non capisco dove ho sbagliato.
Se qualcuno può spiegarmi lo ringrazio in anticipo.