Carregar arquivo CSS conforme browser
Olá galera, tudo de boa? Estou com um problema aqui que está me dando dor de cabeça.... o negócio é o seguinte: em um site que estou montando, devido ao fato de usuários usarem N navegadores (entre eles o Ieca 6 ou inferior), eu montei dois arquivos css para configurar as DIVs que uso no site: um pro IE 6 e outro para os outros navegadores.... até ai tranquilo, os CSS funcionam corretamente (pelos testes que fiz no FF, Chrome e IE 6)... mas ai surgiu o problema: como carregar só um dos dois CSS's por execução da página?
Pesquisando na net, cheguei a este código que coloquei no header:
<!--[if lte IE 6]>
<style type="text/css">
@import "css/style-ie.css";
</style>
<!--[if !IE 6]>
<style type="text/css">
@import "css/style.css";
</style>
<![endif]-->
Rodei o teste no IE 6 e no FF, e o CSS carregou normalmente usando este código no header... mas o Chrome não reconheceu a existência de nenhum dos dois arquivos CSS, o que zuou o formato do site todo... então, a dúvida é: como eu faço para carregar só o style-ie.css quando for carregado o site no IE 6 e o style.css em qualquer outro browser?
Grato pela ajuda.
[]'s
Discussão (13)
Carregando comentários...