J'ai une page comme celle-ci :
<body>
<table width="100%">...</table>
<table width="100%">...</table>
<table width="100%">...</table>
<table width="100%">...</table>
</body>Ce que j'ai besoin de faire est de rendre tous ces tableaux 85% de largeur et centrés horizontalement sur la page. ce serait facile si la page était une page unique mais cela doit fonctionner sur 100+ pages et la seule chose qu'elles ont en commun est le fichier de feuille de style. donc j'ai besoin de faire cela avec css seulement. je ne peux pas couvrir les tableaux à l'intérieur d'un div ou utiliser jquery.
Ce que j'ai essayé de faire, c'est.. :
body { text-align:center; }
body > table { text-align: left; margin: 0 auto; width: 85%; }cela fonctionne parfaitement sur firefox et google chrome mais cela ne semble pas fonctionner sur ie9 (je n'ai pas testé mais je suis sûr que cela ne fonctionnera pas avec les versions antérieures de ie)
J'ai essayé beaucoup de méthodes qu'ils ont écrites sur des questions similaires mais je n'ai pas pu résoudre ce problème.
EDIT :
Le doctype de la page était :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">Je l'ai remplacé par :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">et ça marche aussi sur ie9 maintenant !
La question actualisée est la suivante : est-ce possible sans modifier le doctype ?
