Une page web qui utilise des styles CSS ne s’affiche pas correctement dans Internet Explorer

  • Article

Avertissement

L’application de bureau Internet Explorer 11, mise hors service et dont le support a pris fin, a été désactivée définitivement via une mise à jour Microsoft Edge sur certaines versions de Windows 10. Pour plus d’informations, consultez le forum aux questions sur la mise hors service de l’application de bureau Internet Explorer 11.

Cet article décrit le problème lié au fait qu’une page web de styles CSS ne s’affiche pas correctement dans internet Explorer.

Version d’origine du produit : Internet Explorer
Numéro de la base de connaissances d’origine : 262161

Symptômes

Les styles d’une page web sont manquants ou sont incorrects lorsque la page se charge dans Internet Explorer.

Remarque

Ce problème peut se produire si la page web utilise une feuille de style insérée ou pointe vers une feuille de style en cascade.

Vous pouvez également recevoir le message d’erreur suivant :

La page que vous recherchez a peut-être été déplacée ou son nom a été modifié.

Cause

Ce problème se produit car les conditions suivantes sont remplies dans internet Explorer :

  • Toutes les balises de style après les 31 premières balises de style ne sont pas appliquées.
  • Toutes les règles de style après les 4 095 premières règles ne sont pas appliquées.
  • Sur les pages qui utilisent la @import règle pour importer en continu des feuilles de style externes qui importent d’autres feuilles de style, les feuilles de style de plus de trois niveaux de profondeur sont ignorées.

Plus d’informations

Un outil de surveillance réseau peut indiquer qu’une réinitialisation TCP se produit lorsque l’Explorer Internet reçoit la page qui rencontre le problème. Internet Explorer génère ensuite une autre requête POST si la requête d’origine était une requête POST. Ou bien, les Explorer Internet peuvent envoyer une requête GET à la place.

Cette limitation de balise de style peut également affecter l’affichage des fichiers .xml à l’aide de fichiers .xsl. Lorsque le fichier .xsl comporte des balises de style incorporées dans le document, le message d’erreur suivant s’affiche lorsque vous essayez d’afficher le fichier .xml :

Internet Explorer n’a pas pu ouvrir le site Internet :
file ://c:\aaa.xml

Lorsque vous cliquez sur OK, le message d’erreur suivant s’affiche :

Impossible d’afficher la page

L’exemple de code fourni dans la section Étapes pour reproduire le problème crée dynamiquement des feuilles de style et génère le message d’erreur suivant :

Une erreur d’exécution s’est produite.
Voulez-vous déboguer ?

Ligne : 8
Erreur : argument non valide.

Si les feuilles de style ne sont pas appliquées dynamiquement, mais le sont plutôt par le biais <de balises style> ou de fichiers .css, le message d’erreur argument non valide n’est pas généré. Dans ce cas, toutes les feuilles de style après la feuille de style trente et unième sont ignorées.

Procédure pour reproduire le problème

Collez l’exemple de code suivant dans une page HTML. Exécutez l’exemple de code. Une erreur est générée après l’application de la balise de style trente et unième.

<html>
    <head>
        <script>
            function fnCreateStyleSheets() {
                for (i = 1; i <= 32; i++) {
                    document.createStyleSheet()
                    StyleSheetCount.innerText = "Total Style Sheets = " + i
                }
            }
        </script>
    </head>
    <body onLoad="fnCreateStyleSheets()">
        <div id="StyleSheetCount"></div>
    </body>
</html>

References

Pour plus d’informations, consultez les sites web MSDN (Microsoft Developer Network) suivants :