Centrer un div

Résolu
karine -  
 Yeakoo -
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

ap0
 
Astuce de la mort :

width : 50%;
margin : auto;

A noter que width doit être défini pour utiliser la marge automatique.
58
htss
 
whouaaaaaaaa
0
buzzD
 
Génial !! Merci
0
enfiiin !
 
Man I Love you !!!
0
srtyh
 
Pour ma part j'ai mis width:50% ne marchait pas, avec 85% ca marche!! merci
0
Red-one
 
Binnnnnngoooooo c'est l'astuce de la mort
0
king
 
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).
8
chlankboot
 
margin-left: auto ;
margin-right: auto ;
4
Brice
 
pas mal, avec un width obligatoire ça marche mieux
:)
(width:500px; par exemple)
0
jeremieca Messages postés 178 Date d'inscription   Statut Membre Dernière intervention   28
 
Il y a tout sur le lien alsacreation ^^

Bye.
2
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
tu ne crois pas que depuis 2006 la solution a été trouvée ... non ?
alors pourquoi ressortir un post aussi ancien !!!!!!!!!!!!!!!!!!!!!!!!
0
Shinrei
 
Pour ceux qui viendrais 3 ans après...
0
Oliviler
 
@Shinrei : excellent !
0
Yeakoo
 
Mdr
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dominique
 
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
Antoine Crochet-Damais Messages postés 16 Date d'inscription   Statut Webmaster Dernière intervention   1 240
 
0
Jean-François Pillou Messages postés 19261 Date d'inscription   Statut Webmaster Dernière intervention   63 277
 
-2
Feral
 
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.
-3
ap0
 
Et sinon :

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