desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • Ferramentas
  • Downloads
  • Feeds
  • Mapa do blog
  • Sobre

Compatibilidade CSS e o Internet Explorer: tabela comparativa de compatibilidade CSS/IE

25 de agosto de 2008 5 comentários

Compatibilidade Internet Explorer, CSS.

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.

Tabela comparativa de compatibilidade CSS/IE
Categorias
css
Indicar artigo
x

 





Indicar artigo
Comentários RSS
Comentários RSS
Trackback
Trackback

Todo desenvolvedor web deve ler

Use a cabeça: HTML com CSS e XHTML. Criando página web com CSS. Usabilidade na web. Não me faça pensar. Design para a internet.

Artigos relacionados a "Compatibilidade CSS e o Internet Explorer: tabela comparativa de compatibilidade CSS/IE"

  • Tabela de Compatibilidade de CSS
  • Tabela comparativa de aplicação de regras CSS
  • Sobre a primeira atualização do Wordpress 2.5
  • ie7-js: um javascript para fazer o Internet Explorer renderizar melhor
  • Aprenda o posicionamento CSS em 10 passos
  • HTML Playground: aprenda HTML, XHTML e CSS com exemplos reais
  • “Acessibilidade Web: Sete Mitos e Um Equívoco”
  • 30 extensões para Firefox que vão mudar sua vida na web (para melhor)
  • Preciosas dicas de segurança e otimização para Wordpress
  • Como pegar parte do conteúdo (dados) de outro site com PHP

5 comentários em "Compatibilidade CSS e o Internet Explorer: tabela comparativa de compatibilidade CSS/IE"

derlano (27/08/2008)

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.

Tárcio Zemel (28/08/2008)

@ 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!

  • websapiens.net
    Trackback em 25 de agosto de 2008
  • Tárcio via Rec6
    Trackback em 25 de agosto de 2008
  • www.digga.com.br
    Trackback em 26 de agosto de 2008

Comente!

Translator

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag

Artigos mais visitados

  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • 10 fontes de inspiração para fazer logotipos de qualidade
  • CSS float: considerações, dicas e macetes para bons layouts na web
  • Centralizar suas páginas web com CSS: como deixar o site sempre no centro com folhas de estilo
  • Baixar ícones de alta definição e qualidade

Categorias

  • (x)html (5)
  • acessibilidade (4)
  • blogs (7)
  • css (17)
  • design (31)
  • firefox (6)
  • indicações (50)
  • javascript (5)
  • jquery (8)
  • miscelânea (30)
  • php (7)
  • séries (9)
  • seo (12)
  • usabilidade (8)
  • wordpress (20)

Eu indico

  • ChromeBrasil
  • Fique Rico
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

Ícones de setinhas para download (grátis)

Componentes de um sistema de navegação

10 fontes de inspiração para fazer logotipos de qualidade

Richard Stallman e os programas baseados na web

Meta tags

"Sexy Buttons" em menus do Wordpress

Últimos Comentários

Paulo Faustino: Faz tempo que não actualizava o blog, mas valeu a pena esperar amigo Tárcio. (...)

Rodrigo: Olá Tárcio, tudo tranquilo? Então, muito bom o exemplo. Agora estou com uma dúvida: Tenho (...)

Edgar: Gostei muito do artigo.! Me ajudou muito na criação de meu portifolio. parabéns pelo se trabalho (...)

de musicas: boa.... valeu pela dica... (...)

Viana: Muito boa a dica do plugin ;D (...)

Mais Comentados

Meta tags (16)

CSS float: considerações, dicas e macetes para bons layouts na web (15)

Google Chrome - primeiras impressões sobre o navegador da Google (14)

Como montar um portfolio sem ter clientes (13)

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

desenvolvimento para web trata sobre padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais.

A tradução automática é do Wordpress Global Translator Plugin e há alguns direitos reservados.