Centrer un div
Résolu
karine
-
Yeakoo -
Yeakoo -
Kikoo , voici les positions et caractéristiques de 3 div :
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 .
#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
-
Astuce de la mort :
width : 50%;
margin : auto;
A noter que width doit être défini pour utiliser la marge automatique. -
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). -
-
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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 ! -
Un lien qui pourrait aider : Comment centrer horizontalement une DIV dans une autre en CSS ?
-
-
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. -
Et sinon :
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS -
Dominique :
Vous n'êtes peut-être pas encore capable de lire deux liens ;)
Le CSS ne serait pas pour vous ? -
