12 agosto 2009

O nosso querido IE e o CSS

Tutorial CSS: Internet Explorer Conditional Comments


Qual web designer nunca teve que trabalhar horas a mais em um arquivo CSS por causa de problemas de incompatibilidade com o nosso queridíssimo Internet Explorer? Então com certeza, você sabe o que é ou pelo menos já ouviu falar em Conditional Comments, certo? Se não sabe, acesse este artigo e aprenda a utilizar esta ferramenta para contornar os problemas do IE.

Tudo começa pelo fato que cada versão do Internet Explorer (IE), interpreta o CSS de uma determinada maneira, o que pode ocasionar do design que está funcionando em browsers como Firefox, Opera e Safari por exemplo, ser exibido de uma forma totalmente errada no IE. Os Conditional Comments, são comandos, ou melhor, são TAGs reconhecidas apenas pelo IE. Estes comandos são utilizados para dar instruções espefícas apenas para o IE. OsConditional Comments são suportados a partir da versão 5 e basicamente são empregados para definir um CSS específico para cada versão do IE que o web designer desejar. A estrutura básica de um Conditional Comment é a seguinte:

Falando sobre os operadores utilizados no código

gt = greater than - superior a
gte = greater or equal - superior ou igual a
lt - less than - inferior a
lte - less than or equal - inferior ou igual a


Nenhum comentário: