Una página web que usa estilos CSS no se representa correctamente en Internet Explorer

  • Artículo

Advertencia

Se ha programado la deshabilitación permanente de la aplicación de escritorio retirada y sin soporte de Internet Explorer 11 a través de una actualización de Microsoft Edge en ciertas versiones de Windows 10. Para obtener más información, consulte Preguntas frecuentes sobre la retirada de la aplicación de escritorio de Internet Explorer 11.

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 original del producto: Internet Explorer
Número de KB original: 262161

Síntomas

Los estilos de una página web faltan o parecen 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 insertada o apunta a una hoja de estilos en cascada.

También puede recibir el siguiente mensaje de error:

Es posible que la página que está buscando se haya movido o haya cambiado su nombre.

Causa

Este problema se produce porque se cumplen las condiciones siguientes 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 @import 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 profundidad.

Más información

Una herramienta de supervisión de red puede indicar que se produce un restablecimiento tcp cuando Internet Explorer recibe la página que está experimentando el problema. A continuación, Internet Explorer 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 etiquetas de estilo también puede afectar a la visualización de archivos .xml mediante archivos .xsl. Cuando el archivo .xsl tiene etiquetas de estilo incrustadas dentro del documento, recibirá el siguiente mensaje de error al intentar ver el archivo .xml:

Internet Explorer no pudo abrir el sitio de Internet:
file://c:\aaa.xml

Al hacer clic en Aceptar, recibirá 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, sino que se aplican a través <de etiquetas de estilo> o a través de .css archivos, no se genera el mensaje de error Argumento no válido . En este caso, se omiten todas las hojas de estilos después de la treinta primera hoja de estilos.

Pasos para reproducir el problema

Pegue el ejemplo de código siguiente en una página HTML. Ejecute el ejemplo de código. Se genera un error después de aplicar la etiqueta de estilo trigésimo primera.

<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):