Uma página da Web que usa estilos CSS não é renderizada corretamente na Internet Explorer

  • Artigo

Aviso

O aplicativo da área de trabalho desativado e sem suporte do Internet Explorer 11 está programado para ser desativado permanentemente por meio de uma atualização do Microsoft Edge em certas versões do Windows 10. Para obter mais informações, consulte Perguntas frequentes sobre a desativação do aplicativo de área de trabalho do Internet Explorer 11.

Este artigo fornece etapas para ajudar a descrever o problema que uma página da Web de estilos CSS não renderiza corretamente na Internet Explorer.

Versão original do produto: Internet Explorer
Número de KB original: 262161

Sintomas

Os estilos em uma página da Web estão ausentes ou parecem incorretos quando a página é carregada na Internet Explorer.

Observação

Esse problema pode ocorrer se a página da Web usa uma folha de estilos embutida ou aponta para uma folha de estilos em cascata.

Você também pode receber a seguinte mensagem de erro:

A página que você está procurando pode ter sido movida ou se seu nome foi alterado.

Motivo

Esse problema ocorre porque as seguintes condições são verdadeiras no Explorer da Internet:

  • Todas as marcas de estilo após as primeiras 31 marcas de estilo não são aplicadas.
  • Todas as regras de estilo após as primeiras 4.095 regras não são aplicadas.
  • Em páginas que usam a @import regra para importar continuamente folhas de estilo externas que importam outras folhas de estilo, folhas de estilo com mais de três níveis de profundidade são ignoradas.

Mais informações

Uma ferramenta de monitor de rede pode indicar que uma redefinição de TCP ocorre quando a Internet Explorer está recebendo a página que está enfrentando o problema. A Internet Explorer então gera outra solicitação POST se a solicitação original for uma solicitação POST. Ou, o Explorer da Internet pode enviar uma solicitação GET.

Essa limitação de marca de estilo também pode afetar a exibição de arquivos .xml usando arquivos .xsl. Quando o arquivo .xsl tiver marcas de estilo inseridas no documento, você receberá a seguinte mensagem de erro ao tentar exibir o arquivo .xml:

O Explorer da Internet não pôde abrir o Site da Internet:
file://c:\aaa.xml

Ao clicar em OK, você receberá a seguinte mensagem de erro:

A página não pode ser exibida

O exemplo de código fornecido nas Etapas para reproduzir a seção problema cria dinamicamente planilhas de estilo e gera a seguinte mensagem de erro:

Ocorreu um erro de runtime.
Deseja Depurar?

Linha: 8
Erro: argumento inválido.

Se as folhas de estilo não forem aplicadas dinamicamente, mas forem aplicadas por meio <de marcas de estilo> ou por meio de arquivos .css, a mensagem de erro de argumento inválida não será gerada. Nesse caso, todas as planilhas de estilo após a folha de estilos de trinta primeiros são ignoradas.

Etapas para reproduzir o problema

Cole o exemplo de código a seguir em uma página HTML. Execute o exemplo de código. Um erro é gerado depois que a marca de trinta primeiros estilos é aplicada.

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

Referências

Para obter mais informações, confira os seguintes sites da MSDN (Microsoft Developer Network):