Visualizzazione risultati 1 fino 8 di 8

Discussione: Centrare div

  1. #1
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito Centrare div

    All'interno del body ho un solo div che vorrei centrare ma senza centrarne il contenuto.
    Come posso fare?

  2. #2
    L'avatar di miki92
    miki92 non è connesso AlterGuru 2500
    Data registrazione
    21-04-2007
    Residenza
    Procida (NA)
    Messaggi
    4,233

    Predefinito

    Codice HTML:
    <style type="text/css">
    body{
    text-align:center;
    }
    .nome_div{
    margin:0 auto;
    text-align:left;
    }
    </style>
    
    <div class="nome_div">Contenuto</div>
    Apprezzi l'aiuto? Offrimi un caffè!

  3. #3
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    Il tuo codice centra tutta la pagina e poi allinea a sinistra il contenuto del div.
    Non è possibile centrare direttamente il div?

  4. #4
    L'avatar di miki92
    miki92 non è connesso AlterGuru 2500
    Data registrazione
    21-04-2007
    Residenza
    Procida (NA)
    Messaggi
    4,233

    Predefinito

    Prova cosi:
    Codice HTML:
    <style type="text/css">
    .nome_div{
    margin:0 auto;
    text-align:left;
    }
    </style>
    
    <div class="nome_div">Contenuto</div>
    Ultima modifica di miki92 : 18-09-2008 alle ore 22.00.14 Motivo: Tag [php] al posto di [html]
    Apprezzi l'aiuto? Offrimi un caffè!

  5. #5
    programmazioned non è connesso Utente attivo
    Data registrazione
    25-03-2008
    Messaggi
    440

    Predefinito

    Di solito si posiziona in modo assoluto o relativo il div, impostando la proprietà left al 50% per spostare al centro tutto il blocco, e il margin-left a -<metà del valore della larghezza> per ri-spostare verso sinistra la parte del div in eccesso.
    Non è semplicissimo spiegarlo a parole, per cui un ci sta bene un esempio:
    Codice:
    #quellochetipare{
       width:500px;
       height:300px;
       position:absolute;
       left:50%;
       margin-left:-250px;
       border:2px solid red
    }
    La stessa regola dovrebbe valere per la centratura verticale (almeno a rigor di logica è così).
    EDIT: Sì, verificato :)
    Ciao!
    Ultima modifica di programmazioned : 18-09-2008 alle ore 22.20.17

  6. #6
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    è bastato
    Codice:
    margin:0 auto;
    grazie

  7. #7
    Guest

    Predefinito

    basta fare:
    Codice:
    #id_del_div{
    margin: 0 auto 0 auto;
    widht:  quella_che_vuoi;
    }
    
    /*per div in absolute all'interno di esso puoi fare*/
    
    #id_del_div{    /*---stesso div come sopra ma con l'aggiunta di position:relative---*/
    position: relative;
    margin: 0 auto 0 auto;
    widht:  quella_che_vuoi;
    }
    aggiungendo position:relative, se percaso dovessi aggiungere div in assoluto dentro a quel div, prenderanno le distanze dai bordi del div nel quale sono contenuti e non dalla pagina, questo torna utile quando devi posizionare immagini senza troppi sbattimenti ;
    Ultima modifica di fightclubromagna : 20-09-2008 alle ore 01.12.56

  8. #8
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    come ho scritto sopra avevo già risolto, grazie lo stesso

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •