Compatibilidade CSS e o Internet Explorer: tabela comparativa de compatibilidade CSS/IE
Os desenvolvedores web já sabem: projetar web sites tendo de lidar com todos os bugs, incompatibilidades e promessas de correções não cumpridas nas versões do Internet Explorer, é realmente uma “pedra no sapato”! Projetar os web sites em navegadores que seguem a maioria dos padrões, como Firefox ou Opera, e depois passar ao IE para conferir o resultado – ou fazer isto simultaneamente -, e perceber que as coisas estão bem diferentes, é realmente desanimador… Isso sem falar que é o motivo de muitas horas extras – especialmente devido as incompatibilidades em CSS que as diferentes versões do Internet Explorer apresentam!
A própria equipe de desenvolvimento do, paradoxalmente, navegador mais usado do mundo, por vezes tenta “manobras” para tentar, pelo menos, amenizar o problema de suas centenas de bugs e incompatibilidades, lançando na web patches de correção, scripts, desenvolvendo comentários condicionais, dentre outros. É exatamente o caso da tabela de compatibilidade CSS em Internet Explorer, desenvolvida pela própria equipe Micro$oft.
Essa tabela de compatibilidade mostra os diferentes seletores, propriedades e valores CSS e se são, ou não, compatíveis com as diferentes versões do IE. Em suas diversas seções, a tabela comparativa mostra presença ou ausência de suporte entre as versões do Internet Explorer no que se refere a seletores, atributos, valores, pseudo-elementos, “combinados” (seletores avançados), dentre todas as outras possibilidades e potencialidades que as folhas de estilo oferecem.
Devo admitir que a tabela comparativa de compatibilidade CSS/IE está muito bem feita; bem organizada, em seções que realmente justificam sua segmentação; presentes as informações sobre compatibilidade CSS em versões do Internet Explorer desde a versão 5.0 a ainda não lançada 8.0.
Enfim, para “economizar” frustrações, desgostos, tempo e, principalmente, custo de oportunidade, conhecer as “nuances” de bugs e incompatibilidades que as diferentes versões do Internet Explorer tem em relação a CSS é algo desejável de se ter no “arcabouço de conhecimentos” do desenvolvedor web.
fala meu brother!!! será que eles não fizeram uma tabela de compatibilidade com javascript também não??? essa tmabém seria uma mão na roda…valew por compartilhar a informação.
@ derlano
É, derlano, isso realmente seria fantástico! De repente eles ainda fazem e disponibilizam na web, quem sabe? ;-)
Enquanto isso não acontece, de repente o artigo do MSDN sobre ECMAScript 3 pode lhe interessar; inclusive, ao fim dele é possível encontrar um documento para download que apresenta regras de padronização javascript. Pessoalmente, prefiro usar jQuery, mas, para quem gosta de algo "de raiz", fica a dica!
Abraços!
É um absurdo né ? parece que se utilizam da vantagem de serem os mais utilizados pra lançarem seu próprio padrão e dificultar a vida dos que trabalham dentro da normalidade. Temos que reinventar os códigos muitas vezes por causa desses problemas com o IE. Ando recomendando a todos para deixarem de usar o antigo ícone azul por um mais colorido.
@ Caballerus
Com certeza é isso! Pode ver que agora que estão começando a perder a "hegemonia", deram logo um jeito de fazer a versão 8 seguir mais os padrões! Quando coloquei um $ em "Micro$oft", não foi em vão…
Não sei se você sabe disso, mas estou visualizando este post em um navegador IE 7.0.530 e seu lay-out está praticamente inteiro bagunçado. Os gravatares e os nomes dos que estão comentando estão em cima do texto dos comentários e os botões lá em cima estão todos alinhados à direita, em baixo do texto “O mundo é global do ponto de vista…”. Sei que vc dedicou um bom tempo para criar o lay-out, digo isso porque eu também estou na mesma situação que vc. Passei 2 meses criando modificando um twentyten para ter o lay-out dos meus sonhos. Ficou tudo perfeito, só que quando coloquei no ar, fui testar neste navegador que estou usando e que está instalado no PC da empresa que trabalho. Advinha o resultado? Uma ZONA total! O duro é que precisamos criar lay-outs para todas as pessoas, inclusive para “aqueles” que não sabem ou não querem atualizar o navegador. E agora, o que devemos fazer? Perder mais um bocado de tempo corrigindo os bugs ou incentivar as pessoas a atualizarem o navegador? Por favor me envie e-mail, sua opinião é muito importante pois eu sei que está na mesma situação que eu. OBS: Ainda estou com endereço do site novo provisório.
Muito obrigado, mesmo, por avisar, Simon! Infelizmente não tenho verificar com esse nível de especificidade de versão… Abri num IETester e o que consegui identificar (e já está corrigido) é o posicionamento do menu, fora isso, não apareceu mais nada.
Vamos torcer para que o IE melhore em suas futuras versões…