Visualizzazione dei risultati da 1 a 4 su 4

Discussione: div non si centra

  1. #1
    Utente bannato L'avatar di Ht28
    Registrato dal
    May 2006
    Messaggi
    1,544

    div non si centra

    L'ho messo in una finestra popup, ma non si centra.
    Siccome è elastico, lui si allarga in base alla lunghezza del nome che viene inserito nel form e fin qui funziona.

    Il problema è che rimane attaccato alla parte sx della finestra, invece di rimanere centrato

    Codice PHP:
    #Send-Guest {       
    background-color#55b05a;       
    positionabsolute;     
    min-width350px;     
    height150px;     
    margin0 auto;     
    text-aligncenter;     
    bordersolid 3px #008800;     
    border-radius10px;      
    margin-top:150px;  
     } 

  2. #2
    codice:
    #Send-Guest {        
    background-color: #55b05a;        
    position: absolute;      
    width: 350px;      
    height: 150px;      
    margin: -75px 0 0 -175px;      
    text-align: center;      
    border: solid 3px #008800;      
    border-radius: 10px; 
     }
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    Utente bannato L'avatar di Ht28
    Registrato dal
    May 2006
    Messaggi
    1,544
    Originariamente inviato da carlomarangoni
    codice:
    #Send-Guest {        
    background-color: #55b05a;        
    position: absolute;      
    width: 350px;      
    height: 150px;      
    margin: -75px 0 0 -175px;      
    text-align: center;      
    border: solid 3px #008800;      
    border-radius: 10px; 
     }
    Cosi è peggio, metà va a finire fuori dal popup

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2012
    Messaggi
    51
    Devi togliere il position absolute. Il pop up è di grandezza definita?

    Codice PHP:
    #Send-Guest {
    background-color#55b05a;
    min-width350px;
    height150px;
    margin150px auto 0;
    text-aligncenter;
    bordersolid 3px #008800;
    border-radius10px;

    Comunque senza avere un esempio è difficile aiutarti. Così dovrebbe funzionarti (se ho capito bene quale era il tuo problema).

    P.S: Se vedi che scende troppo in basso "margin: 150px auto 0;" abbassa il 150px (che sarebbe il margin-top. Ti conviene guardarti questo link:
    http://www.w3schools.com/css/css_margin.asp

    Ti spiega un po' di cose buone.

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.