Colonna di sfondo

[Pierhagi]

Ciao a tutti

ho un problema con un'immagine di sfondo in una colonna:

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

la colonna sinistra di verde sfumata non si allunga correttamente.

La mia pagina home, che il layout principale, richiama con le altre pagine che formano la pagina home completa.

Direttamente sulla home ho associato lo stile body in questo modo:

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-x;
}


Lo stile della colonna verde l'ho applicato alla pagina inclusa all'interno della home

ma non riesco ad ottenere il risulatao della sfondo totale della pagina, come posso crearlo?

Pier

[Pierhagi]

Ora si replica!

Come faccio a non far replicare la gif verde sfumata nella colonna ma farla allungare a secondo del contenuto della pagina?

Con il no-repeat non funziona forse xchè l'ho già utilizzato x il background della pagina?

Due background posso convivere nella stessa pagina anche se 1 è lo sfondo della pagina e l'altro della tabella?

Pier

[Pierhagi]

Ciao

proprio nessuno sa rispondermi?

[salasir]

Potresti provare a definire l'immagine verde sfumata della colonna come background e dargli contemporaneamente un colore di sfondo cossirpondente alla zona più chiara:

#colsx { background: url(../img/1/colonna.png) #xxxxxx no-repeat top left; }

Ovviamente sostituisci a #xxxxxx il colore desiderato.

[Pierhagi]

Ciao grazie x il suggerimento

... purtroppo non mi funziona! ;-(

Se lo scrivo così vedo solo la foto:

#colsx { background-image:url(../img/1/colonna.png);
background-color:#ACD82F; }

se invece lo scrivo così vedo solo il colore e niente foto:

#colsx { background-image:url(../img/1/colonna.png) no-repeat top left;
background-color:#ACD82F; }

Probabilmente non lo applico corretamente.

Dove lo richiamo tramite l'ID ma dove lo metto?
Nel <tr> o nel <td> o in un <div> ?

Pier

[salasir]

Prima di tutto il codice che ti ho indicato prevede solo background e non background-image, background-color, ...

Poi l'id lo indichi nel tag che attualmente prevede l'immagine di sfondo, eliminandola dal codice. Visto che utilizzi le tabelle per il layout ( ) sarà sul <td>.

[Pierhagi]

Ciao salaris

ora l'ho scritto così:

#sfondo_colonna_sx2 { background: url(../img/1/colonna.png) #ACD82F no-repeat top left;}

ma nn va. Sicuramente ho problemi con le tabelle incluse.

Cmq sn riuscito a risolverla in questo modo richiamando l'ID nel <table> :

#sfondo_colonna_sx1 {
background-image:url(../img/1/colonna.png) ;
background-repeat:no-repeat;
background-color:#ACD82F;
width:201px;
height:500px;
margin-left:1px;
padding-left:10px;
vertical-align:top;
left:inherit;
}


Pier

[salasir]

Prova a considerare il layout eliminando le tabelle e costruendolo con i div e css.
Semplifichi il tutto ... Non mi sembra una costruzione così intricata, due colonne, header e footer.

Prova a guardare nei link utili i layout a due colonne e troverai sicuramente qualcosa che fa al caso tuo come base.