Ridimensionamento immagini di sfondo

[KuNt1z]

Ciao a tutti!
E'la prima volta che scrivo su questo forum, vi confesso che sono un po' emozionato...
Allora, il mio problema è il seguente: ho sviluppato un sito internet la cui struttura principale è una tabella. In alcune celle di tale tabella ho inserito delle immagini di sfondo tramite un foglio di stile, il codice è questo:

td.c1 {background: #000000 url(immagine) no-repeat center center;}

Tutto ok, gli sfondi vengono visualizzati correttamente, ma quando si ridimensiona la finestra tali sfondi non vengono ridimensionati, ed allora ci sono dei problemi di visualizzazione.
Qualcuno mi può aiutare? Attualmente sto cercando di inserire le immagini con il tag img, ma sto avendo dei seri problemi specialmente su Internet Explorer.
Grazie a tutti,
byez!!!

[awd]

se gli sfondi sono delle immagini non possono ridimensionarsi perché le immagini hanno una grandezza fissa!

[Shores]

Beh, non è proprio esattamente così...

Le immagini possono eccome ridimensionarsi, quando viene data loro una dimensione in percentuale rispetto alla pagina, o perlomeno rispetto ad un altro oggetto che cambi dimensione al cambiare della dimensione della pagina.

Solo che lo possono fare SOLO se vengono inserite tramite un loro tag IMG, e NON se vengono usate come sfondo.

L'unico modo di avere una immagine inserita come sfondo con IMG è quello di usare i layer e il position:absolute, insieme all'attributo css z-index; si mette la IMG di sfondo in una div con z-index:0; e tutto il resto in un'altra div con z-index:1;, entrambe posizionate con absolute...

Ciao!

[KuNt1z]

Puoi spiegarti più dettagliatamente perfavore?

[Shores]

Il tuo problema è che vuoi che una immagine di sfondo si ridimensioni, e questo è possibile solo se l'immagine viene inserita tramite tag IMG, e non tramite background-image del css.

Un bieco trucco può essere questo:

<div style="position:absolute; z-index:0;">
[img]sfondo.gif[/img]
</div>
<div style="position:absolute; z-index:1;">
testo che ci va sopra.
</div>

che fa si che tutto quello che sta nella seconda div stia sopra a quello che sta nella prima div; naturalmente, poichè ciò che è posizionato con absolute esce dal flusso del documento, dovrai poi occuprti di ingrandire abbastanza il body.

[awd]

ah si possono indicare le dimensioni in percentuale, non avevo mai provato!
cmq devi sempre dimensionarle in proporzione altrimenti l'immagine diventa più lunga che larga o viceversa! inoltre l'aumento o diminuzione di dimensione deve essere contenuto altrimenti l'immagine perde di qualità e si nota!
ovviamente con gli sfondi non puoi farlo perché nn c'è nessuna proprietà per definire le dimensioni di uno sfondo!