Discussion :

[viddak]

Bonjour,
Comment faire pour centrer un div en horizontal par rapport a son div parent en utilisant les feuilles de style et sans utiliser la balise <center>. Car sur le site w3c, je n'ai pas vu d'explication sur align ( horizontal), j'ai trouvé seulement vertical-align.
Dans mon code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div> 
  <div>
    test
  </div>
</div>

Merci pour vos réponses, en esperant avoir été clair.

[piff62]

Essais ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
width:taTaille;
margin-left:auto;
margin-right:auto;

Tiens moi au courant

[viddak]

Non ca ne marche pas, ca n'a aucun effet. Une autre idée?
Merci quand meme.

[Johnbob]

Ceci doit fonctionner (même en utilisant des pourcentages au lieu des pixels):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div style="width:300px; text-align:center;">
  <div style="width:200px; margin:0 auto;">
    test
  </div>
</div>

[viddak]

Merci beaucoup! Ce qui marche dans ce que tu viens de me donner c'est le text-align! Je l'avai vu dans la spécification css mais je ne pensai pas que pour les boites c'etait valide.

Encore merci a vous deux pour votre aide.

[Johnbob]

Content de pouvoir aider C'est vrai qu'on peut difficilement deviner que "text-align" centre aussi des boîtes !

Tu avais oublié le tag "résolu" (en bas à gauche). Je l'ajoute de suite.