Centrer un div [Résolu/Fermé]

Signaler
-
 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

Astuce de la mort :

width : 50%;
margin : auto;

A noter que width doit être défini pour utiliser la marge automatique.
58
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 57435 internautes nous ont dit merci ce mois-ci

whouaaaaaaaa
Génial !! Merci
Man I Love you !!!
Pour ma part j'ai mis width:50% ne marchait pas, avec 85% ca marche!! merci
Binnnnnngoooooo c'est l'astuce de la mort
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).
margin-left: auto ;
margin-right: auto ;
pas mal, avec un width obligatoire ça marche mieux
:)
(width:500px; par exemple)
Messages postés
178
Date d'inscription
lundi 9 juillet 2007
Statut
Membre
Dernière intervention
16 mars 2015
28
Il y a tout sur le lien alsacreation ^^

Bye.
Messages postés
22968
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
3 août 2020
2 075
tu ne crois pas que depuis 2006 la solution a été trouvée ... non ?
alors pourquoi ressortir un post aussi ancien !!!!!!!!!!!!!!!!!!!!!!!!
Pour ceux qui viendrais 3 ans après...
@Shinrei : excellent !
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 !
Messages postés
16
Date d'inscription
vendredi 11 mars 2011
Statut
Webmaster
Dernière intervention
8 janvier 2014
1 240
Messages postés
18547
Date d'inscription
lundi 15 février 1999
Statut
Webmaster
Dernière intervention
9 août 2020
62 454
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 ?
Je t'aime bg62