Hacks para Internet Explorer

Escrever uma página 100% idêntica para vários browsers pode parecer impossível. Mas não é.
Para contornar isso, hacks são usados, para tentar uma aproximação entre browsers.

A primeira forma de esquivar o CSS para diferentes browsers é uma instrução dentro do :

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

Nesse caso, todos estilos especificados para o I(gnorant) Explorer estariam no arquivo all-ie.

Mas também é possível escrever folhas de estilos para versões distintas do browser da Microsoft, bastando especificar a versão:

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

Para IE 5

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

Para IE 5.5

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

Para IE 6

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

O “lt 6” significa later 6, ou seja, anteriores a versão 6.

<style type="text/css">
@import("ie51.css");
</style>

Somente para IE for Macintosh
Outras formas de fazer algo funcionar somente no IE:

* html #test-span { color:green; }

Nesse caso, #test-span será verde, somente no IE

Mais do mesmo:
Hack-free CSS for IE
Explorer Exposed!
Acid2, teste do W3C para testar a renderização dos browsers
CSS Hack – wiki
arqHP, onde tudo começou

[tags]hacks, internet explorer, browser[/tags]

 

Leonardo

Registros de Leonardo Faria sobre desenvolvimento web

 
  • alex puyol

    esse IE é o trem!!!

    Ignorante mesmo, isso é um saco na vida dos webmasters.

    Isso tira qualquer um de nós do sério.

    Microsoft = Só problema.

    Para mim só deveria existir o Firefox, isso sim é navegador.
    Navegação por abas, mais segurança, nenhum erro, comparando-se ao I(gnorante) Explorer.

    Que saco!!!

    Flws

  • Fala Leonardo, td bem cara? Seguinte, tava lendo sobre hack pq to com um problemão nesse site q to fazendo http://www.kcflu.com.br, no FF e IE7 funciona normal mas no IE6 desalinha as divs. Po cara se vc puder me dar uma luz eu agradeço muito. Abs.

  • Na realidade o explorer en che o saco de qualquer desenvolvedor, muitos hacks não funciona, ja nem mim preocupo mais com o internet explorer e muito xato e complicado.