div angoli smussati

[ant_alt]

#rettangolo div{background:url(centro.gif) repeat-y;}
#rettangolo div div{background:url(top.gif) 0 0 no-repeat;}
#rettangolo div div div{background:url(bottom.gif) 0 100% no-repeat;padding:20px 10px 20px 10px;height:1%;}

questo codice in un sito fa si che rettangolo abbia come sfondo top, center, bottom sistemati in modo che è facile intuire: top, una gif con angoli smussati, sopra, center con repeat-y e bottom sotto.

ora il problema:
la mia tecnica per gli angoli smussati è stata sempre quella di creare tre div distinti (#rettangolo .top, #rettangolo .center, #rettangolo .bottom)
qualcuno mi spiega come funziona sto fatto "div div div"?? nel codice html del sito all'interno del div id="rettangolo" non ci sono altri div




spero di essermi spiegato

[ricman]

Da come l'avevi scritto anch'io pensavo alla "matrioska" di Div...
Fai vedere il link per curiosità?

[ant_alt]

Originariamente inviato da ricman
Da come l'avevi scritto anch'io pensavo alla "matrioska" di Div...
Fai vedere il link per curiosità?

è un template di joomla..
tutti i riquadri sulla sinistra sono creati in questo modo..

in realtà ho notato (con l'addon di firefox web developer, che dà la possibilità di evidenziare i div in una pagina web) che molti siti non utilizzano la tecnica che uso io dei "div separati"..