centrer un div Résolu/Fermé

Question

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 .

ap0 · Accepted Answer

Astuce de la mort :

width : 50%;
margin : auto;

A noter que width doit être défini pour utiliser la marge automatique.

Jeff · Answer

http://www.commentcamarche.net/forum/affich-2016972-centrage-de-div#1

king · Answer

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

Feral · Answer

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.

ap0 · Answer

Et sinon : 

http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

Dominique · Answer

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 !

David · Answer

Dominique :
Vous n'êtes peut-être pas encore capable de lire deux liens ;)
Le CSS ne serait pas pour vous ?

jeremieca · Answer

Il y a tout sur le lien alsacreation ^^

Bye.

sff · Answer

Je t'aime bg62

chlankboot · Answer

margin-left: auto ;
  margin-right: auto ;

Antoine Crochet-Damais · Answer

Un lien qui pourrait aider : Comment centrer horizontalement une DIV dans une autre en CSS ?

Centrer un div

11 réponses

Discussions similaires