Sfondo che si allarga in mdodo automatico

[davidl77]

Ciao a tutti.

Domandina da neofita CSS:

Ho una pagina creata in PHP e che quindi ha dimensioni orizzontali e verticali variabili.

Io vorrei inserirci un piccolo sfondo.

<div id="sfondo">
  
...
</div> 

e nel file css:

#sfondo {
    margin:0 auto;
    background-image:url(bg.gif);
} 

Però l'immagine mi si ripete fino ad un limite destro e non va più in là... come mai?
:master:

Grazie mille!

[chipdb]

Se vuoi che l'immagine si ridimensioni... non puoi. se vuoi semplicemente che non si ripeta:

#sfondo {
    margin:0 auto;
    background-image:url(bg.gif) no-repeat;
} 

[davidl77]

Il fatto è che io voglio proprio che si ripeta...all'infinito verso 'destra', ovvero fino a riempire tutta la pagina.

Nota: la pagina è ampia e fa apparire uno scrollbar orizzontale. Oltre lo scrollbar l'immagine non si ripete.

Grazie per l'aiuto!!!

[chipdb]

Originariamente inviato da davidl77
Il fatto è che io voglio proprio che si ripeta...all'infinito verso 'destra', ovvero fino a riempire tutta la pagina.

Nota: la pagina è ampia e fa apparire uno scrollbar orizzontale. Oltre lo scrollbar l'immagine non si ripete.

Grazie per l'aiuto!!!

Allora devi posizionare il codice nel body:

body {
    margin:0 auto;
    padding: 0;
    background-image:url(bg.gif);
} 

Così ti si ripete all'infinito a destra e in basso con qualsiasi dimensione.