sovrapporre div

[davidinho]

ciao a tutti ragazzi, sto facendo un sito ma ora ho un problema, innanzitutto vi mostro quello che vorrei fare:

bene, riesco a fare tutto ma mi blocco su un passaggio:
se notate ho dato una leggera sfumatura ai riquadri neri che tendono a schiarirsi verso l'angolo in basso a sinistra, cosi risultano meno "piatti", per far ciò l'unico modo che conosco è utilizzare delle immagini, pesa un po' ma niente di incredibile... ora il problema nasce sul riquadro con la X rossa(bella è ), dato che li ci andrebbe tutto il contenuto del sito dovrebbe essere "allungabile" in automatico in base a ciò che viene scritto, purtroppo non esiste una regola per modifica la dimensione dello sfondo perciò credo che l'unica via sarebbe utilizzare un div contenente l'immagine sovrapponendo quindi i 2 div...
ora il problema è... come fare???
con position absolute non saprei come fare ridimensionare il div contenente lo sfondo in base al contenuto dell'altro div, quello che contiene il testo...

[Mich_]

Il position e` meglio che non lo usi: ti inseirirebbe effetti collaterali che non sarebbe poi facile ne` trovare ne` correggere.

Un'idea di quello che puoi fare te la puo` dare questo articolo: Bottoni con rollover flessibili. Pero` non guardare la prima immagine, ma solo quella con le sovrapposizioni: nel tuo caso la sovrapposizione deve essere in verticale e chiaramente non puoi usare span, ma devi usare due <div> innestati (uno con lo sfondo per il pezzo in alto (e centrale), ed uno con lo sfondo per la fine (e centrale).

Forse tra i layout pronti trovi anche qualcosa che fa al caso tuo direttamente (puoi iniziare a cercare tra i riferimenti dei "link utili").

Se non ci riesci, torna qui: qualcuno che ti aiuta a sviluppare l'idea lo trovi; altrimenti io dovrei avere un po` di tempo da lunedi`.