Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2009
    Messaggi
    433

    position relative e absolute

    come centrare gli oggetti con position relative e absolute qual è il codice affinchè tutti i browser e schermi vedano centrato oltre margin : 0; e padding: 0; ?

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    per centrare con posizionamenti assoluti, un position:absolute sull'elemento interessato e valori di top e left pari al 50%, inoltre margini destro e sinistro negativi pari alla metà di altezza e larghezza, se ad esempio hai un div largo 300 e altro 200 pixel

    codice:
    #mio_div {position: absolute;
       top: 50%;
       left: 50%;
       width: 300px;
       height: 200px;
       margin-top: -100px;
       margin-left: -150px;}
    se dovrai centrarlo in un altro elemento, cui sarà vincolato, quest'ultimo avrà un position:relative (con specificazione di altezza, e anche larghezza)

    se devi centrarlo in una pagina, assegna a html e body una larghezza e altezza del 100% (azzerando i margini) e un'altezza e larghezza minima pari a quella del tuo elemento da centrare (per non avere tagli)

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.