Posez votre question Signaler

Centrer un div [Résolu]

karine - Dernière réponse le 5 déc. 2011 à 01:15
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 .
Lire la suite 

Centrer un div »

15 réponses
Réponse
+6
moins plus
Astuce de la mort :

width : 50%;
margin : auto;

A noter que width doit être défini pour utiliser la marge automatique.
Ajouter un commentaire
Réponse
+1
moins plus
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).
Ajouter un commentaire
Réponse
+1
moins plus
margin-left: auto ;
margin-right: auto ;
Brice - 5 déc. 2011 à 01:15
pas mal, avec un width obligatoire ça marche mieux
:)
(width:500px; par exemple)
Ajouter un commentaire
Réponse
-3
moins plus
çà m'aide pas du tout . alors est ce que quelqu'un sait résoudre mon soucis au lieu de me renvoyer vers un lien?
Ajouter un commentaire
Réponse
-5
moins plus
Il y a tout sur le lien alsacreation ^^

Bye.
bg62 - 22 juin 2009 à 12:22
tu ne crois pas que depuis 2006 la solution a été trouvée ... non ?
alors pourquoi ressortir un post aussi ancien !!!!!!!!!!!!!!!!!!!!!!!!
Shinrei - 27 nov. 2010 à 17:56
Pour ceux qui viendrais 3 ans après...
Oliviler - 6 déc. 2010 à 11:15
@Shinrei : excellent !
Ajouter un commentaire
Réponse
-7
moins plus
http://www.commentcamarche.net/forum/affich-2016972-centrage-de-div#1
Ajouter un commentaire
Réponse
-7
moins plus
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.
Ajouter un commentaire
Réponse
-7
moins plus
Ajouter un commentaire
Réponse
-7
moins plus
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 !
Ajouter un commentaire
Réponse
-7
moins plus
Dominique :
Vous n'êtes peut-être pas encore capable de lire deux liens ;)
Le CSS ne serait pas pour vous ?
Ajouter un commentaire
Réponse
-17
moins plus
Je t'aime bg62
Ajouter un commentaire
Ce document intitulé « centrer un div » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook