Hacks para Internet Explorer

4 de junho de 2006 ~ Tags:, , ,

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


Posts relacionados:


3 comentários


Deixe uma resposta






Últimos textos do blog

Tagcloud

abraweb acadêmico actionscript ajax apache apple arteccom asp autosimulado backup benchmark beta bh blogosfera bookmarklet bookmarklets brasil browser censura chucknorris cms codestacker concurso crítica css dashboard deployment desenvolvimento design dicas divinópolis dotmac download dreamhost economia empreendedorismo empreendorismo encontro estatísticas extreme programming feedburner firefox fireworks flash flickr ftp game git globo gmail golive google greasemonkey guerrilha hack host howto htaccess html humor ie inss internet banking iphone ipod is® javascript jquery layout leopard linux listas live locomotive mac meme microsoft miguxês minasonrails mod_rails mp3 msn mysql off tropic opensocial opera orkut oscommerce parser passenger pc personalidade pesquisa php plugin plugins pog portfolio produtividade publicidade rails refurbished regex resenha review ria rss ruby rádio safari sandbox screencast screensaver script.aculo.us seo shoutcast silverlight software spam startup stevejobs suporte swf switch são paulo teste textmate trabalho tumblelog tumblr tutorial twitter ui uml usabilidade validação viral wallop web2.0 webalizer webdesign webdevelopment webkit webmail webmobile webobjects webstandards windows wordpress xml yahoo youtube

Veja todos os textos →