Editer un article - Informaticien.be

Editer un article

Titre
Mots Clés
Texte	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 [url=http://www.yoyodesign.org/doc/w3c/css2/visudet.html#q6]nous apprend[/url] qu'un bloc de largeur donnée peut être centré en mettant ses marges gauche et droite à la valeur "auto" : [css] margin-left: auto; margin-right: auto; [/css] 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 : [html] <body> <div id="principal"> ... </div> </body> [/html] Les propriétés CSS associées : [css] body { text-align: center; } div#principal { margin-left: auto; margin-right: auto; text-align: left; /pour rétablir l'alignement à gauche du texte/ } [/css] Merci à gm_superstar pour cet article
Fichier