Immagine di sfondo in colonna

[Pierhagi]

Ciao a tutti


ho un problema con un immagine di sfondo inserita in una colonna che vorrei fare allungare a seconda del contenuto della colonna.
Questa immagine è contenuta all'interno di una pagina all'interno di una pagina principale. Praticamente in una pagina principale richiamo un'altra pagina che ha questa colonna che contiene questa immagine.

Questa immagine è uno sfondo sfumato in verticale Larga 205 px e Alta 600 px e vorrei applicargli il "no-repeat" e il "repeat-y" ma mi da questo problema:

http://www.mpwebsites.it/pamparino/prova.asp

Lo stile è questo:

.sfondo_body {

background-image:url(img/1/colonna_sx.png) no-repeat;
background-repeat:repeat-y;
}

C'è da dire che ho creato 2 file CSS, uno x le pagine principali e uno x le pagine incluse, e ho richiamato nel CSS principale lo stile x il background principale con il "no repeat" e funziona ma non vorrei che creasse problemi allo sfondo della colonna. Lo stile del backgorund principale è questo:

body {
background-color:;
margin-left: 0px;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
background-image:url(img/sfondo_1x800.jpg) no-repeat;
background-repeat:repeat-y;
}

Potete aiutarmi?

Pier

[Pierhagi]

riformulo la domanda:

si può impostare il "no repeat" e "background-repeat:repeat-y;"

sia al backgroung della pagina che al background contenuto in una colonna?

[Mich_]

Non so se ho capito ...

In un blocco ha senso definire UN SOLO background-image ed UN SOLO background-repeat. Se ne definisci piu` di uno vince l'ultimo (o quello definito nel selettore piu` specifico).

Il background-repeat ha i valori: vedi ad esempio questo manuale

[Pierhagi]

Quindi a questo punto mi conviene usare il "background-image" e "bacground-repeat" solo x lo sfondo della pagina e nella colonna mettere come immagine di sfondo una png Larga 205px e Alta 1000px che pesa 41.42 KB... non è molto per uno sfondo?

[Mich_]

Guardando la tua pagina (quella del link iniziale), direi che devi mettere:
- un'immagine larga 1px e alta circa 700px come sfondo del body con repeat-x (azzuro sfumato)
- lo sfondo bianco nel body
- un'immagine larga 1px e alta circa 600px come sfondo della colonna sin con repeat-x (verde sfumato)
- lo sfondo giallino nella colonna
- La foglia come sfondo dell'header (nota: il logo dovrebbe essere un link!!)
- lo sfondo giallo nell'header
- uno sfondo giallo sfumato a dx nel menu (per semplificare dovresti fare l'immagine della forma giusta, con lo smusso, il bordo bianco e la parte in alto a sin trasparente (possibile con .gif e .png)
- la P e la scritta PAMPARINO dovrebbero essere un'immagine da inserire con il tag <img> (fanno parte del contenuto, non dello sfondo - chi non carica lo sfondo altrimenti non li vede)