sfondo -container- tutta pagina

[Terminator_Web]

ho un problema ... io dovrei impostare uno sfondo al "container" allargato a tutta pagina, è possibile ??

questo è il codice:

html,body

{
margin:0;
padding:0
}

body
{
font:100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
background:#FFFFDD;
color:#555;
}

div#container
{
width:950px;
margin:0 auto;
background:#000000;
}

div.left
{
float:left;
background:url(immagine.jpg) repeat-x;
}

div.right
{
background:#FF3300;
}
questo potrebbe essere il codice che devo inserire, ma non so dove e come:

body { background-image: url(immagine.jpg); background-repeat: repeat-x; }


grazie 1000 a tutti

[Jess]

Quando hai più valori di background devi o scriverli per estesi, come

background-color: #ffffdd;
background-image: url('percorso immagine');
background-repeat: repeat-x;

oppure metterli tutto in uno:
{
background: #ffd url('percorso immagine') repeat-x;
}

Jess.

[Terminator_Web]

ahn ok provvedo subito ...

e per la domanda, sai come risolverlo il mio problema??

[Jess]

Non ho capito bene qual'è il problema. Devi aggiungere anche un immagine di sfondo al div#container?
Si può fare allo stesso modo.

[Terminator_Web]

no no niente ho risolto, mettendo il container a tutta pagina:

div#container
{
width:100%;
margin:0 auto;
background: url;
}

ora pero ho un'altro problema :S ... ora ho i div allargati a tutta pagina.
è possibile centrarli e fare in modo che il div.left si allarghi in modo da contenere il testo, invece il div.right si metta sulla destra del div.left (come nel codice) e pero tutti e due i div assieme siano 950 px in tutto ... esempio:

div.left = 200px

il div si deve allungare in modo da formare 950px assieme al div.left, in questo caso:

div.lft = 200px

dif.right = 750px


oppure


div.lft = 420px

dif.right = 530px

si capisce?? grazie ciau

[Jess]

No, mi dispiace. Non ho capito perché non metti l'immagine di sfondo al body e il contenitore con un width di 900px e i width dei div left e right in percentuali o em.

[king7880]

Infatti terminator ha ragione jess, metti l'immagine di sfondo al body imposti il div container a 950px e per i due div interni:

div.lft (presumo ti serva per il menù) lo imposti ad una dimensione fissa tipo 200px con float=left;

div.right (credo sia per i contenuti) lo imposti o al 100% sempre con float=left; oppure fai il calcolino dei pixel e lo imposti una dimensione fissa.

Vedi che così dovrebbe funzionare tutto a dovere...

[Terminator_Web]

scusate ma ho risolto tutti e due i problemi in modo semplice e non ho avuto il tempo di scriverlo qui ...

ho messo un container di sfodno a 100% di larghezza che faccia da sfondo, poi all'interno un secondo container1 contenete i due div ... e questo container1 l'ho sistemato al centro con 950 px di larghezza. cosi da sistemare il container a tutta pagina, e il container1 al centro risolvendo tutto XD

grazie cmq a tutti e due ... alla prossima !!! ciau