"fissare" una immagine di sfondo a una tabella

[WebDesign74]

ho una tabella all'interno dei campi (td) della quale ci sono delle immagini (richiamate nel css).
---------------------------------------
Esempio:

<table width="60%" border= 0 cellspacing = 16 cellpadding = 5>
<tr>
<td class ="x" width="30%" align = left>
<img src ="x.jpg" hspace=6 vspace=1 alt="x" align=left>
<h1><a href = "x.html" target="_blank">titolo</a></h1>
<h2> TESTO<h2>
</td>
<td class ="y" width="30%" align = left>
<img src ="y.jpg" hspace=6 vspace=1 alt="y" align=left>
<h1><a href = "y.html" target="_blank">titolo</a></h1>
<h2> TESTO<h2>
</td></tr></table>
----------------------------
nel css ho specificato:

td.x{ background-color: inherit; background: white url(X.gif) repeat 0 0; text-align: justify}

td.y{ background-color: inherit; background: white url(Y.gif) repeat 0 0; text-align: justify}

-------------------------------

Ora, le immagini x e y sono state create in modo che ad una data risoluzione (quella che uso io) aderiscono perfettamente ai bordi della tabella. Se però cambio risoluzione si spostano... dando un effetto grafico di pessimo gusto.
Mi chiedevo come posso fare in modo che aderiscano ai bordi della tabella con ogni risoluzione, o almeno che siano sempre centrate...
--------------------------
Già che ci sono una curiosità: qual'è la risoluzione utilizzata dalla maggior pate dei navigatori?



Grazie

[ricman]

Semplice... hai fatto tutta la tabella in percentuale. Come ridimensioni il browser cambiano le dimensioni.
L'unico modo è dare larghezze fisse alla table.

[WebDesign74]

Già... però se do valori assoluti alla tabella, questa cambierà al cambiare della risoluzione... sbaglio? magari l'immagine interna ci starà dentro sempre bene, ma a quel punto mi serve a poco se l'intera pagina perde le dimensioni volute...
Quel che servirebbe a me è... dare praticamente in percentuale anche le dimensioni dell'immagine interna....
Mi sa che è impossibile?

[ricman]

Originariamente inviato da WebDesign74
ma a quel punto mi serve a poco se l'intera pagina perde le dimensioni volute...

Veramente coi valori assoluti l'impaginazione resta uguale. E' coi valori in percentuale che tutto cambia a seconda della "risoluzione" (ovvero la larghezza della finestra del browser.

Quel che servirebbe a me è... dare praticamente in percentuale anche le dimensioni dell'immagine interna...

Se ti serve dalle (verbo dare )... il tag <img> prende anche width="100%". Ovviamente non consglierei mai di mettere un'immagine in percentuale in quanto le img sul web stanno bene a dimensioni originali; come le ridimensioni un po' perdono molto in qualità...

[WebDesign74]

Veramente coi valori assoluti l'impaginazione resta uguale

3 possibilità: non ho capito nulla io, o non mi sono spiegato, o non hai capito tu :-)

Immagina una pagina con 3 immagini orizzontali distanziate in modo esatto (come se fossero centrate: 25%,50%.75%). Se uso la percentuale, le foto si ridimensionano in modo da occupare comunque il 100% della pagina, quindi restano posizionate sempre allo stesso modo, a prescindere dalla risoluz.

Se uso valori assoluti, uno con risoluzione a 800 x 600 si vede comparire una barra orizzontale della pagina, non gli entra tutta la pagina nello schermo. Uno con 1200 x 800 la vede invece tutta sulla sinistra...

Dico male??

[ricman]

Originariamente inviato da WebDesign74
Se uso la percentuale, le foto si ridimensionano in modo da occupare comunque il 100% della pagina, quindi restano posizionate sempre allo stesso modo, a prescindere dalla risoluz.

A parte il fatto che sgranano direi di Si.

Se uso valori assoluti, uno con risoluzione a 800 x 600 si vede comparire una barra orizzontale della pagina, non gli entra tutta la pagina nello schermo. Uno con 1200 x 800 la vede invece tutta sulla sinistra...
Dico male??

Dici bene... Ora ci siamo capiti. Credevo tu volessi mantenere la STESSA grafica per qualsiasi risoluzione... Invece tu parlavi di "proporzioni".
Ho fatto una prova come dici tu. Mi pare che si comporti tutto stranamente. Ho messo 3 foto vicine (25% 50% 25%) e noto che quando allargo o restringo la finestra del browser con IE ottengo delle stranezze mentre con FF no. In pratica credo che abbia problemi a fare le divisioni ed ogni tanto manda a capo una foto... possibile? (FF invece non da' problemi...)
Puoi verificare?
Di più non so aiutarti perchè non ho mai impaginato col tuo metodo...