É incrível como há diferenças de interpretação nas CSS dentre diversos navegadores.
Mas existem meios de não ficarmos às escuras disso tudo.
CSS Reset:
Primeiro de tudo é preciso ter boas práticas de CSS. Se adquirirmos maus ensinamentos, fazendo gambi em todo o documento, é bem provavel que teremos muito mais problemas de compactibilidade entre os navegadores do que se adotarmos uma. Existem várias práticas para um "CSS Reset", há um post no blog do Tableless falando um pouco sobre o assunto. Particularmente, eu costumo utilizar apenas o reset dos atributos margin e padding de todos os elementos, como mostra o código a seguir, bem simples.
* {margin: 0; padding: 0;}
Aqui você pode selecionar vários tipos de navegadores rodando no sistema operacional de sua escolha para aplicar seus testes, vai demorar em média 5min para tirar seus screenshots, mas ao menos você saberá como acabou ficando nos navegadores/SO's selecionados.
Internet Explorer, a maior dor de cabeça de todo o mundo:
É uma complicação para instalar mais de uma versão do Internet Explorer na mesma máquina. Por causa disso, existem um grupo de desenvolvedores que estão trabalhando em um único navegador, com a única finalidade de testar as páginas escolhendo em qual versão do IE você quiser. O IETester, atualmente em sua versão 0.3 ja permite abrir abas de IE5.5, 6, 7 e 8RC1.
Adorei este software pois ele não simula somente a interpretação de CSS e HTML, mas também toda a engine de Javascript dos respectivos IE's.
Enfim, a boa notícia é que você pode corrigir seu layout. A má é que isso vai dar um pouco de trabalho. :)
Infelizmente não existe fórmula mágica.
Nenhum comentário:
Postar um comentário