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. Centrare DIV
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • R
      rdo User Attivo • ultima modifica di

      Centrare DIV

      Ciao!
      Allora, ho creato una pagina dove tutto il contenuto (escluso h1 e footer) è contenuto in un div "Content". Come faccio a centrare il div?

      Grazie mille!
      Paolo

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • P
        paola.mi Super User • ultima modifica di

        nel css metti
        margin: auto;

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • R
          rdo User Attivo • ultima modifica di

          Magica! Semplicissimo no? Basta saperlo...

          Grazie mille!
          paolo

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • massy
            massy Moderatore • ultima modifica di

            corretto... solo che IE se ne frega 😄

            quindi metti pure un bel text-align:center all'elemento che lo contiene

            :ciauz:

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • P
              paola.mi Super User • ultima modifica di

              Massy... a me lo prende anche in IE... :bho:

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • R
                rdo User Attivo • ultima modifica di

                E invece per centrare tutto il div anche in altezza come posso fare??
                Grazie!

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • massy
                  massy Moderatore • ultima modifica di

                  http://www.constile.org/template/centrare_il_box/

                  :ciauz:

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • R
                    rdo User Attivo • ultima modifica di

                    @massy said:

                    http://www.constile.org/template/centrare_il_box/

                    :ciauz:
                    Ho già provato a seguire quelle istruzioni ma mi posizione solamente l'angolo superiore sinistro a centro schermo... Non centra il tutto!
                    Forse perchè l'esempio è fatto con un box 350x200 invece il mio è 700x....
                    Può darsi? Cosa devo modificare nel css?

                    Grazie mille!

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • L
                      laburno User Attivo • ultima modifica di

                      @rdo said:

                      Ho già provato a seguire quelle istruzioni ma mi posizione solamente l'angolo superiore sinistro a centro schermo... Non centra il tutto!
                      Forse perchè l'esempio è fatto con un box 350x200 invece il mio è 700x....
                      Può darsi? Cosa devo modificare nel css?

                      Grazie mille!

                      Devi cambiare il valore dei margini negativi in base alle dimensioni del tuo box.

                      A questo punto il box è posizionato in maniera tale da avere l'angolo superiore sinistro esattamente al centro della pagina. Se adesso si impostano il margine superiore e il margine sinistro su valori negativi, il box si sposterà verso l'alto e verso sinistra. Se il margine superiore è pari a metà dell'altezza del box (-100px) e il margine sinistro è pari a meta della larghezza del box (-175px), essendo tali valori relative all'angolo superiore sinistro, il box sarà al centro della pagina

                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • P
                        probid Super User • ultima modifica di
                        #div_da_centrare { 
                                     width : 600px;  /*La largezza del tuo div*/
                                     position: relative; /* questo va lasciato fisso */
                                     left: 50%; /* questo va lasciato fisso */
                                     margin-left: -300px;  /*metà della largezza del tuo div con un meno davanti*/
                         }
                        
                        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