Pop-up de connexion w=100% et h=100% sur l'affichage du forum

[Guilde-Egregore]

Bonjour, je pense qu'il est possible de mettre le pop-up de connexion de la taille de la fenêtre de l'utilisateur. Mais je ne sais pas comment faire. Tout mon forum est en % mais le pop-up de connexion ne propose que ses dimensions en px.

Via CSS ça m'arrangerai beaucoup !

Cordialement.

[MlleAlys]

Bonjour,
essayez avec le code cs suivant :

Code:

div#login_popup, div#login_popup table.forumline {
position:fixed;
top: 0px !important;
left: 0px !important;
width: 100% !important;
height: 100% !important;
}

[Guilde-Egregore]

Bonjour et merci !

Alors ça marche mais le "Ne plus afficher" est caché.

Peut être le réduire à 95% et le centrer en largeur et hauteur ?

Je ne sais pas comment ajouter le code pour le centrer.

[MlleAlys]

Le problème de largeur vient du padding (marge intérieur) Remplacez le code donné précédemment par celui là ^^ :

Code:

div#login_popup {
    position: fixed;
    left: 0!important;
    top: 0!important;
    height: 100%!important;
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
}

La propriété box-sizing permet de fixer la taille à partir de la bordure et non du contenu, donc la marge est comprise dans le 100%.
Enfin, afficher en table-cell (cellule de tableau) permet ensuite de centrer verticalement le contenu de la pop-up grâce à vertical-align ^^

[Guilde-Egregore]

Merci, à la vue du résultat je me suis dit "Wouah à la perfection ! Comme d'habitude" !

Mais... Et oui... Mais !

Quand je clique sur "Ne plus afficher" le popup s'enlève et se remet ! Avez-vous une idée ?

Pour finir ce n'est pas urgent alors prenez votre temps.

[MlleAlys]

arf mince oui, c'est à cause du siplay, on force l'affichage ><"
Retirez la ligne display:table-cell !important;
et du coup aussi la ligne vertical-align: middle;
qui ne sert plus à rien ^^"
Ce qui donne :

Code:

div#login_popup {
    position: fixed;
    left: 0!important;
    top: 0!important;
    height: 100%!important;
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
}

[Guilde-Egregore]

Super ça marche d'enfer !

Il commence à être trop beau mon forum grâce à vous tous !

Merci !