Usare Div Annidati

[Aires]

Ciao a tutti, sto cercando online ma non riesco a capire proprio, come si utilizzano i div annidati?

Faccio un esempio pratico, mettiamo che ho una pagina e la strutturo con 2 colonne.
Quindi:[Colonna A] - [Colonna B]

Mettiamo che la colonna A sia composta da 5 Div uno sotto l'altro spaziati tra loro e la colonna B ne contenga uno solo che occupi tutto lo spazio

Quindi:

[Col A] - [Col B]
( div 1 ) -
( div 2 ) -
( div 3 ) - (div 6)
( div 4 ) -
( div 5 ) -


Come si realizza il tutto? Ho provato a mettere nei css differenti background ai div e tutto ma non riesco ad uscirne!

[ResianTaxidrive]

che problema c'è?

<div id="colA">
    <div id="id1"></div>
    <div id="id2"></div>
    <div id="id3"></div>
   eccetera
</div>
<div id="colB">
   <div id="id6">
</div>

poi dai una larghezza a #colA e #colB e gli dai un float:left;
Ho messo id dappertutto per seguire il tuo schema ma i vari id1 id2 eccetera molto probebilmente non servono, basta solo mettere div; dipende da cosa hai in mente.

[Aires]

Non è che riusciresti a farmi un esempio un po piu completo, perchè non sto riuscendo a farci nulla

[ResianTaxidrive]

cosa manca secondo te nel mio esempio?

[Aires]

Niente però non riuscivo a farlo funzionare, testo di nuovo un po e nel caso faccio richiesta specifica, sorry.
Intanto ti chiedo, se voglio dividere la pagina in due colonne, metto colA e colB (i due div) con attributo float:left; poi metto colA con width:200px; ma come faccio a fare che colB sia grande come il resto della schermata senza dargli dimensione in pixel? Perhcè con 100% mi allarga la pagina

Grazie mille comunque

[Mich_]

Originariamente inviato da ResianTaxidrive
cosa manca secondo te nel mio esempio?

Applicare la tecnica delle false colonne.

[Aires]

L'ho cercata e letta su 4 guide diverse e non ci ho capito nulla

[ResianTaxidrive]

ma se metti a colA una width:20% e a colB width:80% potrebbe piacerti il risultato?

[Aires]

Si ho già sviluppato la pagina e ho fatto con le percentuali.

Però sono sicuro di aver visto una pagina dove c'era un header, un menu e un conteiner, il menu aveva 180px, mentre il container senza nessuna definizione sul width si prendeva tutta la pagina! Com'è possibile?

[ResianTaxidrive]

hai un link da mostrare?