Usare delle immagini come bordi

[mattyfog]

Ciao a tutti!
Mettiamo che io abbia 2 immagini che voglio usare: una per il bordo sinistro di un elemento e l'altra per il bordo destro.
La soluzione che mi viene per prima in mente è: creo un'immagine che abbia la larghezza come l'elemento e in questa immagine ci incollo le 2 immagini. Così ho un'immagine unica (di dimensione fissa) e mi basta settare la proprietà background e un repeat-y e siamo a posto.
Ma se io volessi fare qualcosa di più versatile, lasciare quindi i due bordi in immagini separate in modo da poter settare la larghezza in ogni momento in maniera più pratica, cosa posso fare?
Mi pare che la tecnica dell'usare 2 background non funzionasse su IE.

[tonicopi]

L'esempio del template di deafult di joomla rhuk non ti va bene?
utilizza questa per la sinistrae questa per la destra

[mattyfog]

Interessante.
Proverò a guardare

[mattyfog]

In pratica il template usa 3 div annidati.
Però non ho ben capito: perchè usare 3 div annidati che poi risultano meno leggibili a livello di codice anzichè 3 affiancati?

Toglimi una curiosità: i file png hanno la trasparenza sul web o essa non viene mantenuta?

[tonicopi]

Perchè nei div annidati il contenuto, che va posto nel div più interno, allarga e allunga automaticamente i div che lo contengono permettendo la gestione flessibile di larghezza ed altezza. Cosa che non accade con div affiancati 

Si in genere i browser supportano la trasparenza delle png che però talvolta, per una questione di canali e filtri, possono non esser ben gestite specie da IE (sempre lui!). Le trasparenze delle gif invece vengono lette invece bene da tutti i browser 

[mattyfog]

Ok grazie capito!
Spulcio ancora un po' e provo a rifarlo!

[mattyfog]

Hey, ho ancora un dubbio sempre sull'annidamento dei div.
Il template rhuk usa un codice come questo per settare i bordi nella parte alta:

Codice: [Seleziona]

<div id="main_t">
        <div id="main_tl">
            <div id="main_tr" />
            </div>
</div>
Però non mi aiuta nel settare i bordi nella parte centrale della pagina!

In questo caso non sarebbe meglio, invece dei 3 div annidati, usare:

Codice: [Seleziona]

<div id="main_t">
        <div id="main_tl" />
                 <div id="content">
                  <jdoc:include type="component" />
                 </div>
            <div id="main_tr" />
</div>
?? O si può fare tranquillamente anche con i div annidati? (perchè il mio piccolo cervello crede che si sovrapponerebbe qualcosa).