DIV nidificati

[forgja84]

Salve,
sono alle prime armi con questi DIV e vorrei capire come si centrano 2 div all'interno di un grande div, la maniera più semplice e più robusta per tutti i browser.. ...

Se gentilmente, potete realizzarmi una pagina xhtml con relativo css per questo esempio!!

Grazie 1000!!

[biamat]

I box hanno larghezza fissa o in percentuale?

[mattealex]

io farei una tabella?

[fcaldera]

non è difficile
1) crei un contenitore con una certa larghezza, con height: auto e overflow: hidden
2) dentro ci metti due div larghi il 49.99% il primo float:right e il secondo float:left. (finché non ci metti del testo dentro non li vedrai, ovviamente.)
fine.

[biamat]

Originariamente inviato da fcaldera
non è difficile
1) crei un contenitore con una certa larghezza, con height: auto e overflow: hidden
2) dentro ci metti due div larghi il 49.99% il primo float:right e il secondo float:left. (finché non ci metti del testo dentro non li vedrai, ovviamente.)
fine.

Effettivamente è una soluzione: per sta sicuri, non sapendo conoscendo il resto della pagina, dopo i due layer inseriscine un terzo con altezza zero e clear: both.

[fcaldera]

Originariamente inviato da biamat
dopo i due layer inseriscine un terzo con altezza zero e clear: both.

height auto e overflow hidden al contenitore servono proprio per evitare di mettere div vuoti alla fine (clearing strutturale) che sarebbe meglio evitare.

[miki003]

Originariamente inviato da fcaldera
......evitare di mettere div vuoti alla fine (clearing strutturale) che sarebbe meglio evitare.

Perchè? A me non hanno mai dato probemi ne di funzionamento ne di validazione!

Anzi mi hanno sempre risolto problemi

[mattealex]

Il punto è che così non hai div vuoti che possono creare confusione durante la scrittura della pagina vuota, inoltre il browser non li deve caricare.

[fcaldera]

Originariamente inviato da miki003
Perchè? A me non hanno mai dato probemi ne di funzionamento ne di validazione!

Anzi mi hanno sempre risolto problemi

perchè gli elementi vuoti usati solo a fini estetici già non dovrebbero (giustamente) esistere nel documento nemmeno se necessari e quindi a maggior ragione, non vanno usati quando se ne può fare benissimo a meno usando una soluzione non strutturale.

ah, la cosa vale anche per i vari <br style="clear:both" /> o altre amenità del genere