Visualizzazione dei risultati da 1 a 5 su 5

Discussione: centrare div

  1. #1
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116

    centrare div

    :master: Scusate, ma ho una amnesia improvvisa.
    Sapreste ricordarmi come si centra un <div in una pagina, lasciando un margine noto in altro, in basso, a destra e a sinistra. E come si ridimensiona al ridimensionamento della finestra del browser?
    Pietro

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: centrare div

    per centrare un div, usa questo codice:

    body{
    margin:0;
    padding:0;
    text-align:center;
    }

    #tuodiv{
    margin:20px auto;
    padding:0;
    width:500px;/*misura a caso*/
    }

    per il ridimensionamento..... dipende da quanto vuoi che sia largo il box. cmq tieni conto che potresti non avere problemi se adotti una misura pari a 760px; sei al limite per non fare apparire la scrollbar orizzontale.
    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Tenete conto che questo codice non funziona in IE.

    Per centrare anche lì, bisogna dichiarare text-align: center; nell'elemento superiore.


  4. #4
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620
    se metti tutte le misure in % non hai problemi con il ridimensionamento

    paolo
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

  5. #5
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    Vi ringrazio tutti
    Pietro

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.