Profissão Web - Mentes criativas transformando o mundo!

Profissão Web

Para conhecer mais sobre o blog clique aqui. Se você quiser conhecer mais sobre o autor, clique aqui.

Feeds

1938 assinantes

Para assinar os meus feeds clique em uma opção abaixo:

Não sabe o que são feeds?

Por e-mail

Para receber os artigos do Profissão Web, preencha o campo abaixo com o seu e-mail:

Publicidade

Jul

25

Por: Thiago Melo

Conditional Comments ou Comentários Condicionais são comentários no código (X)HTML que somente o Internet Explorer reconhece e os demais browsers consideram como um comentário. Trata-se de um código proprietário da Microsoft que permite a escolha, por exemplo, da versão do browser na qual você precisa de ajustes.

Esta é a solução que eu mais gosto para resolver problemas com CSS no Internet Explorer 6 e 7 e é muito simples.

Implementação

Para implementar, basta escolher abaixo a versão do Internet Explorer que você precisa ajustar e colar o código específico antes da tag </head>.

<!--[if IE]>
     Para todas as versões do Internet Explorer
<![endif]-->

<!--[if IE 5]>
     Apenas para o Internet Explorer 5
<![endif]-->

<!--[if IE 5.5]>
     Apenas para o Internet Explorer 5.5
<![endif]-->

<!--[if IE 6]>
     Apenas para o Internet Explorer 6
<![endif]-->

<!--[if IE 7]>
     Apenas para o Internet Explorer 7
<![endif]-->

<!--[if gte IE 5]>
     Para o Internet Explorer 5 e versões superiores
<![endif]-->

<!--[if lt IE 6]>
     Para versões anteriores ao Internet Explorer 6
<![endif]-->

<!--[if lte IE 5.5]>
     Para o Internet Explorer 5.5 e versões inferiores
<![endif]-->

Exemplo de implementação

Folhas de estilos (CSS)

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

Esta folha de estilo (CSS) é interpretada somente pelo Internet Explorer 6, sendo que os demais browsers consideram como um comentário.

Procure por: Guitarra Guitar Hero, Guitar Hero 3, Guitar Hero 2, Guitar Hero PS2, Guitar Hero Nintendi Wii

Tags:

Artigos relacionados:

2 Comentários para “Desenvolvimento: Conditional Comments”

Jader Rubini 25 de Julho de 2007 às 4:08 pm

Só uma ressalva…
No último exemplo, a folha seria interpretada pelo IE6 e anteriores (lte). ;)

Thiago Melo 25 de Julho de 2007 às 4:15 pm

Realmente Jader!
Me desculpe pelo erro. Já atualizei o artigo.

Deixe seu comentário: * ** *

(*) Campos obrigatórios.

(**) O campo de e-mail é obrigatório, mas não será mostrado no blog.

Sigam-me no Twitter

Logo do Twitter

Siga o Profissão Web no Twitter. Clique aqui.

Isto também pode te interessar

  • Banner Experimente Design

Agências Brasileiras

Clique aqui e conheça as maiores e principais agências digitais (Produtoras de Internet e Netmarketing) do Brasil.

Sobre o blog e o autor

O Profissão Web é o blog de Thiago Melo, designer e desenvolvedor de interfaces de Brasília. Aborda assuntos como internet, profissões, métricas, market share, mercado, sites inspiradores, direitos do trabalhador, legislação do trabalho, salários, tecnologia, eventos e diversos outros assuntos. Para saber mais sobre o Profissão Web, clique aqui.

Métricas e Market Share

Clique aqui e confira os gráficos com o market share de browsers, ferramentas de buscas, sistemas operacionais e resoluções de tela.

Calendário de Eventos sobre Internet

Se você conhece um evento bacana, um congresso, fórum, seminário ou está sabendo de um encontro legal de blogueiros mande pra gente.
Clique aqui e acesse o nosso calendário.

Por dentro das agências

É a nova série do Profissão Web que mostrará através de matérias, fotos, vídeos e entrevistas como são e como funcionam as maiores agências de internet do Brasil e do mundo. Clique aqui e acesse!