Problemas com CSS no Internet Explorer

Acredito que todos já passaram por problemas com CSS no IE, e como não é possível obrigar o usuário a migrar para outro navegador a opção é tentar tornar o seu projeto o mais compatível possível com todos os navegadores, o que na maioria das vezes é difícil.


O que mostraremos aqui é uma saída para resolver seu problema, seguindo o seguinte raciocínio, deixar partes do CSS apenas visiteis para o Internet Explorer.

vejam só o primeiro exemplo

TAG <style>

<!–[if IE]>
<style>
.item {
margin: 5px;
padding: 10px;
}
</style>
<![EndIf]->


TAG <link>

<!–[if IE]>
<link href="estilo.css" rel="stylesheet" type="text/css">
lt;![EndIf]->


Estes métodos acima tornam visíveis as tags apenas quando for o IE


Essa aqui é minha preferida. No caso de ter um arquivo CSS e a alteração for pequena basta colocar um asterisco ou underline antes da propriedade assim:



.classe {
width:500px; /* Todos os Navegadores */ 
*width:500px; /* Apenas o IE7 ou maior */ 
}


ou


.classe {
width:500px; /* Todos os Navegadores */ 
_width:500px; /* Apenas o IE6 */ 
}


Agora pelo menos podemos fazer uma gambiarra para torna o site com melhor compatibilidade possivel