Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente bannato
    Registrato dal
    Aug 2011
    Messaggi
    27

    mettere al centro pagina un div con position absolute

    ciao ho necessità di dare vari msg di conferma
    come posso mettere un div perfettamente a centro pagina?


    sto provando con

    position:absolute;left:50%;top:50%;


    però me lo mette si al 50% da sinistra e 50% da sopra però sempre dentro al div contenitore

    invece io vorrei proprio metterlo al centro pagina e non al centro del div contenitore



    qualche idea?

  2. #2
    Usa position: fixed.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    Utente bannato
    Registrato dal
    Aug 2011
    Messaggi
    27
    non mi visualizza il div

  4. #4
    Si fa prima a vedere il sito. Se puoi, posta il link al sito (se è in costruzione potresti metterlo in un'area temporanea) oppure posta il codice qui.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  5. #5
    Utente bannato
    Registrato dal
    Aug 2011
    Messaggi
    27
    no vabbè l'ho messo con position absolute 50% a fine pagina cosi non e chiuso da div padre

    va bene come soluzione?

  6. #6
    Non saprei, andrebbe visto. Comunque se l'effetto che ottieni ti soddisfa allora va bene.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  7. #7

    Re: mettere al centro pagina un div con position absolute

    Originariamente inviato da grgq
    ciao ho necessità di dare vari msg di conferma
    come posso mettere un div perfettamente a centro pagina?


    sto provando con

    position:absolute;left:50%;top:50%;


    però me lo mette si al 50% da sinistra e 50% da sopra però sempre dentro al div contenitore

    invece io vorrei proprio metterlo al centro pagina e non al centro del div contenitore



    qualche idea?
    50% left 50% top non è sufficiente
    codice:
    #tuo_div {
    	position: absolute;
    	width: 500px;
    	height: 500px;
    	top: 50%;
    	left: 50%;
    	margin: -250px 0 0 -250px;
    }

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.