Centrer verticalement

Résolu
mayrone Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -  
mayrone Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -
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

  1. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    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
  2. mayrone Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
     
    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
    0
  3. mayrone Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
     
    centrée horizontalement bien sûr
    0
  4. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    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+
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. mayrone Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
     
    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!!!!
    0