Qual é a sua melhor ferramenta ou técnica para obter a mesma exibição no IE6/7 e no Firefox?[fechado]

StackOverflow https://stackoverflow.com/questions/26113

Pergunta

Não estou falando de ferramentas que permitem visualizar uma página em combinações de sistemas operacionais e navegadores como crossbrowsertesting.com, mas na criação ou descoberta do CSS real.

Foi útil?

Solução

Se vocês ainda estão programando para o IE6, estão cometendo um erro.

eu uso IE7.js para fazer com que o IE6 renderize páginas como o IE7.O IE7 não é perfeito, mas pelo menos tem alguma aparência de padrões.Como só preciso codificar para IE7 e FF, isso me torna 33% mais eficiente em termos de testes em navegadores, algo que acho que faz sentido para os negócios.

Link: IE7.js

Outras dicas

Use uma redefinição de CSS para nivelar o campo nos navegadores.YUI e Eric Meyer têm bons.

Eu escrevo de acordo com os padrões e tanto o Firefox quanto o IE7 seguem um bom conjunto em comum.

Para mim, o IE6 está morto, mas se eu voltar ao desenvolvimento web profissional, provavelmente terei que revisar isso;)

Tento fazer uma página compatível com os padrões e faço todos os meus testes no Firefox (já que ele possui algumas extensões de desenvolvimento excelentes, como Web Developer e Firebug).Então, quando termino, testo o site no IE e faço as pequenas alterações necessárias.Acho que preciso fazer poucas alterações, já que não faço nada extraordinariamente complexo com CSS.

Eu costumava ter mais problemas com diferenças de Javascript, mas depois que comecei a usar bibliotecas Javascript (como jQuery) parei de ter problemas sérios com isso.

Preenchimento.

O IE6 pode ficar um pouco complicado ao usar a margem para colocar elementos horizontalmente em uma página.Se você dimensionar seus elementos e espaçar o conteúdo usando preenchimento, poderá fazer com que muitos layouts funcionem perfeitamente no IE6/7, FF, Safari e Opera sem nenhum hack.O IE5.5 torna as coisas um pouco mais complicadas por causa do modelo de caixa quebrada, mas acho que podemos excluí-lo na maioria das circunstâncias agora.

Tento fazer uma página compatível com os padrões e faço todos os meus testes no Firefox (já que ele possui algumas extensões de desenvolvimento excelentes, como Web Developer e Firebug).Então, quando termino, testo o site no IE e faço as pequenas alterações necessárias.Acho que preciso fazer poucas alterações, já que não faço nada extraordinariamente complexo com CSS.

O mesmo aqui, exceto que não costumo precisar usar Firebug e coisas assim.No entanto, só tive problemas com o IE6 recentemente - que são resolvidos por simples desvios de CSS:

/* All browsers read: */
html body {
    margin: 10px;
}

/* FF, IE7, Op etc. read: */
html > body {
    margin: 0;
}

Estou com Eli.Escrever no Firefox (com o Firebug instalado) faz com que você tenha que escrever um código "mais compatível" para começar e depois é menos trabalhoso quando você o torna compatível com o IE.

Use o site Modo Quirks para ajudá-lo a encontrar respostas para informações de compatibilidade

Se for um projeto totalmente novo, faço questão de testar todas as alterações de html + css em todos os navegadores que estou almejando enquanto faço as alterações.No passado, eu tendia a me concentrar no meu navegador favorito e depois testar com os outros depois de terminar para descobrir que uma ou mais pequenas peculiaridades estavam presentes e era muito tedioso identificar a causa real.Agora tenho todos os navegadores abertos e apenas atualizo cada um deles após cada alteração de HTML/Css para garantir que a exibição atenda às minhas expectativas.Quando algo dá errado, eu sei exatamente o que causou isso.

Pode parecer demorado testar em todos os navegadores de uma vez, mas, a longo prazo, isso economiza tempo à medida que você detecta os problemas de uma só vez.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top