Centrer un formulaire verticalement et horizontalement

-5

Je suis relativement novice en matière de codage CSS et j'ai de la difficulté à aligner verticalement et horizontalement mon formulaire dans la page. Je l'ai essayé de le mettre dans un div et mettre le CSS suivant, mais il est resté en haut à gauche:Centrer un formulaire verticalement et horizontalement

verticaly-align: middle; 
align: center;

Voici le code que je travaille avec:

Résultat:http://jsfiddle.net/spadez/q28WR/18/embedded/result/ Code:http://jsfiddle.net/spadez/q28WR/18/

Quelqu'un peut-il aider à obtenir ce formulaire assis au bon endroit?

Source

2013-06-09 James Willson

Je suis sûr que cette question a déjà été posée plusieurs fois. Avez-vous [google] (https://www.google.com/search?q=css+center+div+vertically+and+horizontally&rlz=1C1CHFX_nlBE448BE448&oq=css+center+div+vertically+&aqs=chrome.3.57j0l3j62.7546j0&sourceid = chrome & ie = UTF-8 # rlz = 1C1CHFX_nlBE448BE448 & sclient = psy-ab & q = css + centre + forme + verticalement + et + horizontalement & oq = css + centre + forme + verticalement + et + horizontalement & gs_l = serp.3 ... 10733.11297.0.11776.5.5 .0.0.0.0.130.515.3j2.5.0 ... 0.0.0.1.1.1.16.psy-ab.FqOp3imbm-4 & pbx = 1 & bav = on.2, ou.r_cp.r_qf. & Bvm = bv.47534661, d. ZG4 & fp = cf66d858ab41a766 & biw = 1920 & bih = 955) ça? –

duplication possible de [CSS Center Forms verticalement et horizontalement] (http://stackoverflow.com/questions/6890126/css-center-forms-vertically-and-horizontally) –

Pour centrer horizontalement:

#wrap { 
    width: 50%; 
    margin-left: auto; 
    margin-right: auto; 
}

Quelqu'un avec plus d'expérience peut ajouter la réponse centrée verticalement à ce sujet. PS: cela est probablement demandé très souvent, vous devriez creuser plus profondément et afficher vos résultats avant de poser une question.

Source

2013-06-09 15:02:24

Centrer un formulaire verticalement et horizontalement

Répondre

Questions connexes