[Résolu] Centrage de div's imbriqués

Bonjour,
J'ais un probléme de CSS dans une page html
Un premier DIV

div.centre0 {width: 400px;margin : auto;text-align:center;}

résultat parfaitement centré dans ma page, ainsi que le texte et une image
qui sont dans ce DIV (élément centré eux mêmes par rapport aux bord de ce div)

Toujours dans ce div sous l'image (qui a un <br />) un second div alimenté par de l'ajax
(javascript) ce div a cet définition

div.centre2 {
  margin: 10px 0px 0px 0px;
  width: 200px;
  background-color: #999999;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 2px solid #000;	}

1er question :dans ce second div le texte est centré mais je le veux calé a LEFT
2em question ce DIV est bloqué a gauche dans le 1er DIV ors je le veux au centre
Voila vous savez tout, si vous pouviez m'aider, merci d'avance
Modifié par Christele (20 Oct 2010 - 14:38)

Bonjour,

quel est la taille du conteneur ?

Si 1200px par exemple :

div.centre2 { 
display: block;
float: left;
  margin-top: 10px; //donnera une marge de 10px uniquement sur le top
  margin-left: 498px; //( 1200 - 200 - 4 ) / 2 = 498pxdonnera une marge de 498px sur la gauche, donc centré
  width: 200px; 
  background-color: #999999; 
  -moz-border-radius: 7px; 
  -webkit-border-radius: 7px; 
  border: 2px solid #000;     

//pour le texte aligné à gauche : 
text-align: left;
}

Modifié par Make In Design (20 Oct 2010 - 11:50)

Bonjour,

1ère réponse :
L'héritage fait que le texte est centré, c'est normal. Il suffit d'ajouter un text-align:left;

2nde réponse :
En mettant margin: 10px auto auto 0; (par sûr que les auto puisse être mis de la sorte, mais tu comprends l'idée) cela devrait fonctionner.
Modifié par Laurie-Anne (20 Oct 2010 - 11:51)

Mille mercis a vous deux, je testes , et vers 14h je mets résolu si OK...
Mais apparament c'est tellement logique.
Laurie-Anne j'ajouterais que j'admets fort bien l'heritage, mais il reste a y penser sans cesse. par exemple les fontes en 1.x em je me fais toujour piéger !
au point de finir par abandonner et forcer un bon vieux xx px

Pour être exact, il faudra utilisé ceci pour centré ton div ( qui a nécessairement un width ). Inutile d'ajouter un float ou quoique ce soit

margin: 10px auto 0 auto;

Re-Bonjour,
L'union fait la force ...
Donc tout est impeccable et je notes qu'il ne faut effectivement pas le float ni le reste ... !
Et la syntaxe se résumes a "margin: 10px auto 0 auto;"