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

5 réponses

  1. Contributeur
    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 mais je ne peux mettre ma div en absolute car elle est centrée déjà.

      voici ma page:

      http://embann.com/index.html
      1. Contributeur
        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+
        1. 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!!!!