les anciennes versions du HTML proposaient 2 méthodes pour centrer un cadre dans une page :

* la balise <center>
* l'attribut align="center"


Ceci n'existe plus dans les dernières recommandations car désormais, un document HTML ne doit plus contenir d'informations relatives à la mise en pages. C'est donc le rôle des CSS de centrer le cadre.

La lecture des CSS 2 nous apprend qu'un bloc de largeur donnée peut être centré en mettant ses marges gauche et droite à la valeur "auto" :



Ceci fonctionne très bien avec Mozilla, Opera et Internet Explorer 6 en mode standard.

Malheureusement Internet Explorer 5.x pour Windows ou Netscape 4 ne reconnaissent pas ces propriétés et placent obstinément le bloc à gauche.

Pour centrer malgré tout le cadre avec ces navigateurs, il faut utiliser incorrectement la propriété "text-align". En effet, on doit donner au conteneur du bloc que l'on veut center, la propriété "text-align: center". Or "text-align", comme son nom l'indique est censé centrer le texte (et tous les éléments en-ligne). Pas les blocs. Il s'agit donc ici d'une utilisation erronée des CSS, rendue hélas obligatoire par ces navigateurs anciens.


Voici donc le code complet qu'il faut utiliser :





Les propriétés CSS associées :



Merci à gm_superstar pour cet article