Centrer verticalement [Résolu/Fermé]

Signaler
Messages postés
6
Date d'inscription
lundi 5 novembre 2012
Statut
Membre
Dernière intervention
30 juillet 2013
-
Messages postés
6
Date d'inscription
lundi 5 novembre 2012
Statut
Membre
Dernière intervention
30 juillet 2013
-
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 ;-)

5 réponses

Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 330
Salut

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+
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60511 internautes nous ont dit merci ce mois-ci

Messages postés
6
Date d'inscription
lundi 5 novembre 2012
Statut
Membre
Dernière intervention
30 juillet 2013

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
Messages postés
6
Date d'inscription
lundi 5 novembre 2012
Statut
Membre
Dernière intervention
30 juillet 2013

centrée horizontalement bien sûr
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 330
Salut

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+
Messages postés
6
Date d'inscription
lundi 5 novembre 2012
Statut
Membre
Dernière intervention
30 juillet 2013

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!!!!