Una página web que usa estilos CSS no se representa correctamente en Internet Explorer
Importante
La aplicación de escritorio Internet Explorer 11 está retirada y sin soporte a partir del 15 de junio de 2022 para determinadas versiones de Windows 10.
Todavía puede acceder a sitios antiguos heredados que requieren Internet Explorer con el modo Internet Explorer en Microsoft Edge. Obtenga más información.
La aplicación de escritorio Internet Explorer 11 se redirigirá progresivamente al explorador Microsoft Edge, más rápido y seguro. En última instancia, se deshabilitará a través de Windows Update. Deshabilite IE hoy.
En este artículo se proporcionan pasos para ayudar a describir el problema de que una página web de estilos CSS no se representa correctamente en Internet Explorer.
Versión del producto original: Internet Explorer
Número KB original: 262161
Síntomas
Faltan estilos en una página web o son incorrectos cuando la página se carga en Internet Explorer.
Nota
Este problema puede producirse si la página web usa una hoja de estilos en línea o apunta a una hoja de estilos en cascada.
También puede recibir el siguiente mensaje de error:
La página que está buscando podría haber sido movida o haber cambiado su nombre.
Causa
Este problema se produce porque se cumplen las siguientes condiciones en Internet Explorer:
- No se aplican todas las etiquetas de estilo después de las primeras 31 etiquetas de estilo.
- No se aplican todas las reglas de estilo después de las primeras 4.095 reglas.
- En las páginas que usan la regla para importar continuamente hojas de estilos externas que importan otras hojas de estilos, se omiten las hojas de estilos que tienen más de tres niveles de @import profundidad.
Más información
Una herramienta de monitor de red puede indicar que un restablecimiento TCP se produce cuando Internet Explorer recibe la página que está experimentando el problema. Internet Explorer, a continuación, genera otra solicitud POST si la solicitud original era una solicitud POST. O bien, Internet Explorer puede enviar una solicitud GET en su lugar.
Esta limitación de etiqueta de estilo también puede afectar a la visualización de .xml mediante archivos .xsl. Cuando el archivo .xsl tiene etiquetas de estilo incrustadas dentro del documento, recibe el siguiente mensaje de error al intentar ver el archivo .xml texto:
Internet Explorer no pudo abrir el sitio de Internet:
file://c:\aaa.xml
Al hacer clic en Aceptar, recibe el siguiente mensaje de error:
No se puede mostrar la página
El ejemplo de código que se proporciona en la sección Pasos para reproducir el problema crea dinámicamente hojas de estilos y genera el siguiente mensaje de error:
Se ha producido un error en tiempo de ejecución.
¿Desea depurar?Línea: 8
Error: argumento no válido.
Si las hojas de estilos no se aplican dinámicamente pero, en su lugar, se aplican a través de etiquetas o a través de archivos .css, no se genera el mensaje de <Style> error Argumento no válido. En este caso, se omiten todas las hojas de estilos después de la trigésimo primera hoja de estilos.
Pasos para reproducir el problema
Pegue el siguiente ejemplo de código en una página HTML. Ejecute el ejemplo de código. Se genera un error después de aplicar la trigésimo primera etiqueta de estilo.
<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>
Referencias
Para obtener más información, consulte los siguientes sitios web de Microsoft Developer Network (MSDN):