Como faço para manter o meu site consistente em todos os navegadores?

Construir o seu projeto para Firefox. Firefox tem consistentemente mantido a par das últimas alterações no CSS e tende a ser estável, tornando-se o ponto candidato de partida para todos os seus projetos web. Complete o seu primeiro projeto no Firefox, em seguida, passar para outros navegadores para verificar se há inconsistências.

Trabalhar com extensões de design do Firefox. Extensões irá ajudá-lo a localizar os erros no modelo de objeto de documento (DOM), encontre seletores CSS adequadas e dicas de código de verificação de propriedades CSS.

Teste o seu projeto nos navegadores WebKit (Chrome / Safari). é construído em ferramenta de depuração por direito de acesso Chrome; clicando na página e selecionando "Inspecionar elemento." Uma vez que tanto Chrome e Safari usar o mesmo motor WebKit, você normalmente só precisa testar em um desses dois navegadores, embora ele ainda é uma boa prática para verificar ambos.

Anote quaisquer inconsistências que você observa no Chrome vs. Firefox. Abra o lado de dois navegadores a lado. Se você não vê inconsistências, prossiga diretamente para testes no Internet Explorer na etapa 8. Se inconsistências aparecem no Chrome, em seguida, consulte os passos 5, 6 e 7.

técnicas de estudo CSS. Evitar ou contornar problemas e inconsistências do browser através da aplicação de uma variedade de técnicas para o problema. Saiba estes estudando o trabalho dos outros, por exemplo, em muitos blogs on-line dedicada a discutir e ensinar técnicas de CSS. Lê-los regularmente, ou procurar através deles quando se deparar com um problema específico.

Escrever marcação estrutural e CSS apresentação. Usar HTML tags para organizar a estrutura do documento da sua página web, mas exclusivamente usar CSS para definir as propriedades de estilo da página. Por exemplo, não use negrito, itálico ou fortes tags HTML o estilo do seu texto. Use propriedades de fonte CSS em vez disso.

Adicionar uma folha de estilo específica do Chrome. Só faça isso se você puder inconsistências não corretas entre Chrome e Firefox, melhorando sobre a codificação de estilo compartilhado entre eles. Snippets e javascript para folhas de estilo específicas do Chrome estão disponíveis online.

Teste nas últimas versões do Internet Explorer (IE). Não ser adiadas por problemas-frequência, um tweak estilo simples ou ajustamento estrutural ao HTML é tudo que você precisa fazer. depuração de programas, como o IE Tester, facilitar o processo de testes em diferentes versões do IE, bem como para inspecionar o código em si.

Criar uma folha de estilo específica do IE. Não gaste muito tempo tentando manipular CSS para criar uma aparência consistente no IE. Basta criar uma nova folha de estilo específica para IE e modificar os seletores CSS e propriedades que você precisa. Snippets para a adição de folhas de estilo do IE para seus modelos HTML estão disponíveis online.

Manter um manual de referência CSS nas proximidades. Compre um manual de bolso ou acessar a documentação on-line W3C em uma janela separada do navegador.