Discussion :

[shadowbob]

Bonjour,

J'aimerai que ma validation de mon site de wc3 soit strict, cependant j'ai besoin d'aligner au centre de la page un div...
donc le "text-align: center" fonctionne très bien avec IE, mais pas avec firefox ou il met à gauche.

voici ce qui marche avec les 2 mais n'est pas validé :

Code :

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

1
2
3
4
5
6
<div align="center">
  <div style="width: 910px; text-align: center;  background-color:#0033CC;">
    <div>test</div>
	<div>test</div>
  </div>
</div>

j'aimerai un truck du style :

Code :

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

1
2
3
4
5
6
<div style=text-align: center;">
  <div style="width: 910px; background-color:#0033CC;">
    <div>test</div>
	<div>test</div>
  </div>
</div>

Merci

[Auteur]

bonjour,

précise la largeur du div parent et ajoute "margin:auto"

Code :

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

1
2
3
4
5
6
7
 
<div style="text-align: center;width: 910px;margin: auto;">
  <div style="width: 910px; background-color:#0033CC;">
    <div>test</div>
	<div>test</div>
  </div>
</div>

[shadowbob]

bon ben ca marche... c'est juste le margin: auto que j'ai zapé !
merci bcps !!