Le passage vers XHTML g鮨re parfois des surprises. Ainsi, je voulais tout simplement centrer une image dans ma page ou dans une div. Jusque lous avions les balises <center><img src="…"></center>, en HTML.
ok, ca n’existe plus en XHTML ! Pas de probl譥, une <div style="text-align:center;"><div> devrait fonctionner. Malheureusement ca ne marche que sous MSIE et pas sous Netscape ou Mozilla.
Les sp飩fications nous indiquent d’utiliser : margin:0px auto; mais MSIE ne le traite pas correctement sur un objet img.
Bref, Voici la solution pour centrer une image dans une <div> existante:

et voici le code:
<img style="text-align:center; clear:both; border:0px; display: block; margin: 0px auto;” src="http://www.3dvr.org/ranger/imgs/tkingarrow.jpg” alt="arrow from TKing - modified” width="200″ height="20″ />
L’id饠etant de mettre un style text-align:center pour MSIE et margin:0px auto; pour Netscape le tout dans le tag <img src="…" />
Puisse un jour MSIE 괲e compatible ࠱00% avec les sp飩fications du w3c.
Vous pouvez visualiser la mꭥ fl裨e dans son contexte ici.