Renderizar corretamente pelo IE8

“Juro que funciona no Internet Explorer 8!”

Estava eu mexendo com o layout do Clicpira e resolvi atualizar para o IE 8. Testei o site e maravilha! Tudo funcionando igualzinho no chrome, firefox etc.

Porém notei um iconezinho no mínimo desagradável… compatibilidade

É o ícone “modo de compatibilidade”, que fica ao lado da barra de endereços. Já que o IE 8 veio com a promessa de seguir melhor os padrões web, implantaram esse botão para que os sites fossem renderizados da maneira antiga.

O problema é que o IE8 com modo de compatibilidade não renderiza exatamente como o IE7, podendo não ajudar nada dependendo do caso. Pelo que testei, funciona bem em sites que tem gambiarras mais ousadas no código fonte.

No meu caso, renderizava correto no IE 7 e no 8, porém com a bendita opção de compatibilidade, detonava todo o site. How the hell o navegador pode julgar por baixo que as páginas vão ter problemas na renderização? Para mim o correto seria que os sites renderizados errados que deveriam colocar uma marcação em seu cabeçalho, forçando a renderização antiga.

Com medo de que um usuário clicasse no botãozinho de desgraça mágica e instantânea, busquei como informar ao meu não tão amigo navegador que a página é compatível com a renderização default.

Basta adicionar esta meta tag ao cabeçalho de sua página:

<meta http-equiv=”X-UA-Compatible” content=”IE=8″></meta>

Fica mais ou menos assim:


<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=8″></meta>
<title>Blabla</title>
</head>

Pra mim, passa a régua e fecha a conta :D

Cya o/