+ Rispondi alla Discussione
Risultati da 1 a 8 di 8

sfondo -container- tutta pagina

Ultimo Messaggio di Terminator_Web il:
  1. #1
    User
    Data Registrazione
    Aug 2008
    Messaggi
    27

    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

  2. #2
    User
    Data Registrazione
    Aug 2008
    Messaggi
    210
    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.

  3. #3
    User
    Data Registrazione
    Aug 2008
    Messaggi
    27
    ahn ok provvedo subito ...

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


  4. #4
    User
    Data Registrazione
    Aug 2008
    Messaggi
    210
    Non ho capito bene qual' il problema. Devi aggiungere anche un immagine di sfondo al div#container?
    Si pu fare allo stesso modo.

  5. #5
    User
    Data Registrazione
    Aug 2008
    Messaggi
    27
    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

  6. #6
    User
    Data Registrazione
    Aug 2008
    Messaggi
    210
    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.

  7. #7
    User L'avatar di king7880
    Data Registrazione
    May 2005
    Messaggi
    33
    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...

  8. #8
    User
    Data Registrazione
    Aug 2008
    Messaggi
    27
    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

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] Attivato
  • Il codice [VIDEO] Attivato
  • Il codice HTML Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.