Centrer un div

Résolu
Kikoo , voici les positions et caractéristiques de 3 div :

#menu {

height: 550px;
border: 1px solid black;
border-top-color: #fff;
width: 150px;
position: absolute;
margin-left: 66px;
}


#page {
margin-left: 150px;
height: 520px;
width: 771px;
background: #fff;
border: 1px solid black;
border-top-color: #fff;
}

.presentation {
background: #FAUBD7;
width: 500px;
margin-left: auto;
margin-right: auto;
}


mon problème c'est que malgré mes margin auto dans le div presentation , le div n'est pas centré dans le div page , est ce normal?
merci

PS : les 3 div sont alignés .

11 réponses

  1. Astuce de la mort :

    width : 50%;
    margin : auto;

    A noter que width doit être défini pour utiliser la marge automatique.
    1. whouaaaaaaaa
    2. Génial !! Merci
    3. Man I Love you !!!
    4. Pour ma part j'ai mis width:50% ne marchait pas, avec 85% ca marche!! merci
    5. Binnnnnngoooooo c'est l'astuce de la mort
  2. Tu mets la position en --> left:50%;

    Sauf que tu auras le côté gauche du bloc centré et non le bloc lui même, faut compenser en ajoutant un --> margin-left:-100px; (ici, si on suppose que ton bloc fait 200px. Margin-left doit avoir comme valeur la moitié négative de la largeur de ton bloc).
    1. margin-left: auto ;
      margin-right: auto ;
      1. pas mal, avec un width obligatoire ça marche mieux
        :)
        (width:500px; par exemple)
    2. Il y a tout sur le lien alsacreation ^^

      Bye.
      1. Modérateur
        tu ne crois pas que depuis 2006 la solution a été trouvée ... non ?
        alors pourquoi ressortir un post aussi ancien !!!!!!!!!!!!!!!!!!!!!!!!
      2. Pour ceux qui viendrais 3 ans après...
      3. @Shinrei : excellent !
    3. Je ne comprends rien à la disposition des posts sur votre site...
      Je cherche une info... comment centrer un div... et je tourne en rond de lien en lien...
      sans pour autant trouver une réponse... et je me retrouve au même endroit qu'au début...
      C'est étrange !
      1. Oui, mais le problème avec cette méthode est qu'avec IE6 le DIV centré passe SUR les autres DIV!

        Y-a-t-il une façon de lui dire de passer dessous?
        z-index ne fonctionne pas du tout pour ça??

        Merci à vous!
        F.
        1. Et sinon :

          http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS
          1. Dominique :
            Vous n'êtes peut-être pas encore capable de lire deux liens ;)
            Le CSS ne serait pas pour vous ?