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

Symptômes

Sur une page Web, les styles sont manquants ou rechercher incorrectes lorsque la page se charge dans les versions de Microsoft Internet Explorer qui sont répertoriées dans la section « S’applique à ».
Remarque Ce problème peut se produire si la page Web utilise une feuille de style de ligne ou s’il pointe vers une feuille de style en cascade.
Vous pouvez également recevoir le message d’erreur suivant :
La page recherchée pour ont peut-être été déplacés ou modifié son nom.

Cause

Ce problème se produit parce que les conditions suivantes sont réunies dans Internet Explorer :
  • Toutes les feuilles de style après les 31 premières ne sont pas appliquées.
  • Toutes les règles de style après que les premiers 4 095 règles ne sont pas appliquées.
  • Sur les pages qui utilise la règle @import en permanence importer des feuilles de style externes qui importent les autres feuilles de style, le style des feuilles qui sont plus de trois niveaux de profondeur sont ignorés.

Plus d'informations

Un outil du Moniteur réseau peut indiquer qu’une réinitialisation TCP se produit lorsque Internet Explorer reçoit la page qui rencontre le problème. Internet Explorer génère alors une autre demande de PUBLICATION si la demande d’origine a été une demande POST. Ou bien, Internet Explorer peut 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és 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, vous recevez le message d’erreur suivant :
La page ne peut pas être affichée.
L’exemple de code est fourni dans les « étapes pour reproduire le problème » section dynamiquement crée 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és dynamiquement mais, à la place, appliqué par le biais de balises < Style > ou par le biais 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 de 31 sont ignorés.

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 que la balise de trente-premier style est appliquée.
<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>

Références

Pour plus d’informations, visitez les sites Web de Microsoft Developer Network (MSDN) suivants :
Propriétés

ID d'article : 262161 - Dernière mise à jour : 8 janv. 2017 - Révision : 1

Commentaires