Ripetere un'immagine fino alla fine

[secX]

Ciao a tutti!

Allora, ho un problema, devo ripetere un'immagine fino alla fine della pagina, la propietà body è già utilizzata per un'immagine al top della pagina e il colore di background, il punto è che l'immagine che dovrà andare fino alla fine della pagina comincia da circa metà pagina.
Cosa suggerite?

[StefanoC]

ciao secx
ti suggerisco di creare da metà pagina un bel <div> che si chiuda alla fine della pagina
e che tu gli attribuisca dopo una regolina css (una classe, ma basta anche un semplice selettore) con le opzioni per l'immagine (ripetere si/no da dove parte etc) .

ciao
stefano

[secX]

il punto è che l'immagine che dovrà ripetersi dovrà coprire tutta la pagina, se io metto un div poi a un certo punto finisce invece deve vedersi fino alla fine della "finestra del browser" perchè l'immagine non è dotata di una "fine" e vederla che finisce a metà è brutto

[StefanoC]

Originariamente inviato da secX
il punto è che l'immagine che dovrà ripetersi dovrà coprire tutta la pagina, se io metto un div poi a un certo punto finisce invece deve vedersi fino alla fine della "finestra del browser" perchè l'immagine non è dotata di una "fine" e vederla che finisce a metà è brutto

Allora se ho capito:

- l'immagine deve partire da metà pagina
- l'immagine finisce alla fine della pagina, in pratica l'ultima cosa che si vede prima della finestra di IE

Prendi il div che ti dicevo prima e :

(...)
</div>
</body>

dovrebbe funzionare al 100% !

[secX]

no, non funziona

PS:

il codice della funzione CSS per il foot è questa:

#foot {
background-image: url(images/content.gif);
background-repeat: repeat-y;
}

[StefanoC]

semplifichiamo la questione:

indicami l'effetto che vuoi ottenere (che ne so... il link di una pagina che ha questo effetto) che così provo ad aiutarti.


ciao,stefano

[secX]

ti allego un'immagine nella speranza che tu possa aiutarmi

PS:
nell'header uso la propietà body con il seguente codice:

body {
background-image: url(images/background.gif);
background-position: top;
background-repeat: repeat-x;
background-color: #272e2a;
margin: 0 auto;
padding: 0px;
}

[StefanoC]

è sbagliato l'approccio .. lascia stare il body.

molto semplicemenete creati un <div> per ogni sezione logica della pagina:
- intestazione
- menu
- pagina
- (piè di pagina ecc)

e poi nel file css ci metti i tuoi identificatori che richiamerai dal file html !!!

#intestaz {
larghezza, bordo, colori, immagine....
}

#menu{
larghezza, bordo, colori, immagine....
}

#pagina{
larghezza, immagine ripetuta fino alla fine ecc....
}

p.s. di solito al body si danno info generali del tipo
{
margin: 0
padding: 0 10%
}

[secX]

Già, avevi ragione, era sbagliato come cercavo di fare la pagina, ora sto provando e sembra funzionare alla grande!!

Grazie!