Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente bannato L'avatar di Ht28
    Registrato dal
    May 2006
    Messaggi
    1,544

    Centrare form nello schermo

    Avendo un position:absolute; e un z-index come faccio a centrare in automatico un div in orizzontale e verticale per ogni tipo di schermo?

    Ci riesco se tolgo position:absolute, ma poi non legge il z-index



    codice:
    #contenitore{ 
    position:absolute; 
    width:auto; 
    height:auto; 
    margin:0 auto; 
    display:none;  
    z-index:2
    }

  2. #2
    Se assegni al div delle dimensioni fisse si può fare semplicemente.
    codice:
    #contenitore{ 
    position:absolute;
    top: 50%;
    left: 50%; 
    width:500px; /*ho inserito una misura a caso*/
    height:300px; /*ho inserito una misura a caso*/ 
    margin-left: -250px; /*metà della width*/
    margin-top: -150px; /*metà della height*/
    display:none;  
    z-index:2
    }
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    Utente bannato L'avatar di Ht28
    Registrato dal
    May 2006
    Messaggi
    1,544
    Originariamente inviato da codencode
    Se assegni al div delle dimensioni fisse si può fare semplicemente.
    codice:
    #contenitore{ 
    position:absolute;
    top: 50%;
    left: 50%; 
    width:500px; /*ho inserito una misura a caso*/
    height:300px; /*ho inserito una misura a caso*/ 
    margin-left: -250px; /*metà della width*/
    margin-top: -150px; /*metà della height*/
    display:none;  
    z-index:2
    }
    Si, è vero, però ho provato a trascinar la finestra verso sx, il form non si sposta, perciò se uno ha uno schermo con altre dimensioni, non lo vede in centro come me

  4. #4
    Perché hai ridimensionato la finestra. Se visualizzi la pagina direttamente con una risoluzione maggiore o minore funziona.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  5. #5
    Utente bannato L'avatar di Ht28
    Registrato dal
    May 2006
    Messaggi
    1,544
    Originariamente inviato da codencode
    Perché hai ridimensionato la finestra. Se visualizzi la pagina direttamente con una risoluzione maggiore o minore funziona.
    Scusa, come fai a dire che funziona se ha dimensioni fisse qui:

    width:500px; /*ho inserito una misura a caso*/
    height:300px; /*ho inserito una misura a caso*/

    può andar bene per il mio schermo, ma uno di 11" o 27" sono diversi

  6. #6
    Ma tu vuoi che il div abbia dimensioni al 100% sia in larghezza che in altezza?
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

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 © 2026 vBulletin Solutions, Inc. All rights reserved.