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

2020-03-03

Advertencia

Se ha deshabilitado permanentemente la aplicación de escritorio de Internet Explorer 11, que está retirada y sin soporte, 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

Faltan estilos en una página web o se ven 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 busca se haya movido o haya cambiado su nombre.

Causa

Este problema se produce porque las condiciones siguientes son verdaderas 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 4095 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 son 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 .xml archivos mediante archivos .xsl. Cuando el archivo .xsl tiene etiquetas de estilo insertadas 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, en su lugar, se aplican a través <de etiquetas de estilo> o a través de .css archivos, no se genera el mensaje de error de argumento no válido. En este caso, se omiten todas las hojas de estilos después de las treinta primeras hojas 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 número treinta y uno.

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

Compartir a través de