Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. sfondo -container- tutta pagina
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • T
      terminator.web User • 7 ago 2008, 08:11 ultima modifica di

      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 😉

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
        Caricamento altri post
        Rispondi
        • Topic risposta
        Effettua l'accesso per rispondere
        • Da Vecchi a Nuovi
        • Da Nuovi a Vecchi
        • Più Voti
         

      • J
        jess User Attivo • 7 ago 2008, 09:44 ultima modifica di

        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.

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • T
          terminator.web User • 7 ago 2008, 09:49 ultima modifica di

          ahn ok provvedo subito ...

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

          😉

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • J
            jess User Attivo • 7 ago 2008, 09:56 ultima modifica di

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

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • T
              terminator.web User • 7 ago 2008, 10:07 ultima modifica di

              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

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • J
                jess User Attivo • 7 ago 2008, 11:50 ultima modifica di

                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.

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • K
                  king7880 User • 8 ago 2008, 06:58 ultima modifica di

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

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • T
                    terminator.web User • 8 ago 2008, 09:08 ultima modifica di

                    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

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    Caricamento altri post
                    Rispondi
                    • Topic risposta
                    Effettua l'accesso per rispondere
                    • Da Vecchi a Nuovi
                    • Da Nuovi a Vecchi
                    • Più Voti