• User

    sfondo -container- tutta pagina

    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 😉


  • User Attivo

    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.


  • User

    ahn ok provvedo subito ...

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

    😉


  • User Attivo

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


  • User

    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


  • User Attivo

    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.


  • User

    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...


  • User

    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