29 de janeiro de 2008

5 Dicas para deixar o IE inteligente

Cansado dos problemas com o IE? PNG não funciona, layout quebra, etc. Veja como solucionar esses e outros problemas aqui.

1 - Use comentários condicionais

Pra que sujar o CSS com hacks para o IE? Crie um arquivo separado para ele:

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css">
<![endif]-->


Mais sobre comentários condicionais:
Comentários Condicionais x Hacks

2- "Resete" os estilos dos browsers

Para começar do jeito mais parecido em todos os browsers, é necessário mudar os estilos "default" dos browsers. Mais sobre isso em Como você começa o seu CSS.

3- PNG Transparente no IE

Cansado do IE colocar cor nos PNGs que deviam ser transparentes? Acabe com esse problema!

4- Adicione suporte ao :hover

Outro problema chato do IE é a falta de suporte a pseudo-classe :hover. Enquanto os browsers modernos suportam o :hover em qualquer seletor, o IE só aceitava o a:hover. Use .htc para resolver esse problema.

5- Pesquise e use código correto

Antes de por a culpa nos outros, procure erros no seu código. Valide. Se o problema continuar, pesquise.

Referencias:
5 CSS Tips to make IE (you) happy

Tags:

0 comentários: