Adattamento immagine a risoluzione schermo [era: Grosso problema]

Buongiorno a tutti quanti, ho un problema che mi affligge da qualche giorno, ma purtroppo, nonostante numerose ricerche, non sono riuscito a trovare ciò che veramente cercavo!

Ho un' immagine su una pagina web, come posso fare in modo che su qualunque monitor venga visualizzata, l' immagine si adatta alla risoluzione di quel monitor?

Perchè ho provato a visaulizzare prima questa pagina del mio sito con una risoluzione di 1280x1024 e va tutto bene con browser mozilla firefox.

http://marioraffa.altervista.org/prove.php

Mentre se provo con risoluzioni maggiori l' immagine incomincia a duplicarsi, il fatto è che io non voglio che si duplichi!

Infatti se nel css uso questo:
background-repeat: no-repeat;

l' immagine non si duplica ma rimane lo spazio nero che segna che l' immagine è finita...



CHIEDO AIUTO, PER FAVORE....

[karl94]

È possibile solo con una nuova proprietà definita nel CSS3, non tutti i browsers la supportano, e quindi in alcuni si comporterà come adesso. Devi usare la proprietà background-size, che ti permette di ridimensionare l'immagine di sfondo. Impostala su contain per ridimensionare l'immagine (mantenendo le proporzioni) fino ad essere contenuta nello spazio dello sfondo (potrebbe non coprirlo tutto) o su cover per coprire tutto lo spazio (potrebbe essere tagliata).

Rimane come prima in entrambi i casi, come browser uso Mozilla 3.6

[karl94]

Puoi scrivere il l'indirizzo o codice della pagina?
Edit: Su Firefox 3.6 devi usare la proprietà con il prefisso: -moz-backgorund-size. Prima specifica questa con il prefisso, dopo inserisci quella standard.

Certo, la pagina è questa.
http://marioraffa.altervista.org/index.php
Come puoi vedere, anche se metto un immagine di risoluzione 2500 x 1600 (quella che c' è di sfondo) l' immagine si completa prima della fine della pagina e quindi rimane uno spazio nero alquanto brutto:


Clicca per ingrandire!

Con Chrome però si vede bene, l' immagine utilizza tutta la pagina, ma con mozilla rimane quello spazio nero...

[karl94]

Io lo vedo correttamente, hai provato a cancellare la cache?