Centrer verticalement
Résolu
Bonjour,
je suis un peu perdue pour centrer verticalement ma div contenu qui a une hauteur fixe.
Pouvez-vous m'aider?
Merci beaucoup par avance ;-)
je suis un peu perdue pour centrer verticalement ma div contenu qui a une hauteur fixe.
Pouvez-vous m'aider?
Merci beaucoup par avance ;-)
5 réponses
-
super, j'ai réussi entre temps avec tes propriétés sur les blocs inférieurs contenu-gauche et contenu-droit.
UN GRAND MERCI!!!! -
ContributeurSalut
alors change ta CSS comme ca , si c est bien la div contenu que tu veux centrer ?
de cette maniere il sera toujours centre horizontalement et verticalement !
#contenu { position: absolute; height: 500px; width: 542px; left: 50%; top: 50%; margin-top: -250px; margin-left: -271px; }
a+ -
centrée horizontalement bien sûr
-
merci mais je ne peux mettre ma div en absolute car elle est centrée déjà.
voici ma page:
http://embann.com/index.html -
ContributeurSalut
voila une solution a adapter a tes dimensions !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title> RAD ZONE Webcreation </title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> /*<![CDATA[*/ body { margin: 0; /* pour éviter les marges */ } #centre { position:absolute; top: 50%; /* decale le haut de la div au milieu de la page */ height: 400px; margin-top: -200px; /* moitié de la hauteur en negatif pour la recentrer*/ widht:50px; } /*]]>*/ </style> </head> <body> <div id="centre"> </div> </body> </html>
a+
