Centrer verticalement

Résolu/Fermé

mayrone Messages postés 6 Date d'inscription lundi 5 novembre 2012 Statut Membre Dernière intervention 30 juillet 2013 - 5 nov. 2012 à 17:33
mayrone Messages postés 6 Date d'inscription lundi 5 novembre 2012 Statut Membre Dernière intervention 30 juillet 2013 - 5 nov. 2012 à 20:03

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 ;-)

A voir également:

5 réponses

Réponse 1 / 5

RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
5 nov. 2012 à 17:52

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>

Réponse 2 / 5

mayrone Messages postés 6 Date d'inscription lundi 5 novembre 2012 Statut Membre Dernière intervention 30 juillet 2013
5 nov. 2012 à 17:57

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

Réponse 3 / 5

mayrone Messages postés 6 Date d'inscription lundi 5 novembre 2012 Statut Membre Dernière intervention 30 juillet 2013
5 nov. 2012 à 17:57

centrée horizontalement bien sûr

Réponse 4 / 5

RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
5 nov. 2012 à 18:20

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;
}

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

mayrone Messages postés 6 Date d'inscription lundi 5 novembre 2012 Statut Membre Dernière intervention 30 juillet 2013
5 nov. 2012 à 20:03

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

Discussions similaires

Utilisation des méthodes de manipulations du DOM

écran sépare en deux (vertical) avec différence de contraste

Word 365 Affichage / Fractionner côté à côté

diviser une case en deux dans excel

centrer un texte dans un bloc

Discussions similaires

Newsletters