Eu sempre encontrar algum "mal" quando eu enfrentar o tópico "compatibilidade entre navegadores." Além disso, e ainda estou para entender o motivo real, de todos os navegadores que conhecem o mais "chato" ele continua: Microsoft Internet Explorer 6! Infelizmente, o lançamento do IE 6 ainda está por aí e há relatos freqüentes de problemas ao visualizar páginas.
Um desenvolvedor web deve se organizar de modo a ter todas as ferramentas para controlar e verificar o seu trabalho (suado) em todos os navegadores possíveis (e plataformas) disponíveis. Microsoft Internet Explorer, a maior parte do outro, torna esta tarefa mais difícil, porque - agora - você deve verificar suas páginas web com a versão mais recente do 8 (ainda em beta) e com as versões anteriores, como o 6 ou 5,5 . Existem várias maneiras de reunir os diferentes versões do Explorer (consulte Usar o Microsoft Internet Explorer 6 e 7 ao mesmo tempo ) e, alternativamente, há também excelentes (embora um pouco "lento) serviços online .
Outra boa opção, que funciona bem no Windows Vista, é representado por IETester , um aplicativo gratuito e construído pelos desenvolvedores de DebugBar e Companion.JS . IETester , embora ele ainda está em beta e alguns acidentes à espreita, permite Rapidamente para verificar nossas páginas - simultaneamente - tanto no IE5.5, IE6, IE7 e IE8 beta.
CSS patch
Se por IETester podemos encontrar uma falha nos estilos, que é interpretada de maneira diferente entre o IE6 eo IE7 ou IE6 e Firefox, por exemplo, a solução precisa ser encontrada para que o IE6 só usa a nova definição. I, por exemplo, aconteceu com uma margem de! Eu tinha uma classe que define a margem direita de 28px, e em todos os navegadores, o resultado foi idêntico, exceto com o IE6! Sobre este último, para fazer o mesmo layout, eu tive que usar um valor de 8px.
A mais simples, fácil de lembrar e muito imediata para resolver o problema, é para "substituir" a nossa maneira de carregar um arquivo diferente ad hoc apenas se o navegador é o - temido - IE6:
1 2 3 4 | / ** ___ Arquivos ie_override.css * Use esse arquivo para substituir um estilo * / margin-left : 8px } . div myStyle {margin-left: 8px} |
1 2 3 4 | <! - Estilos para todos os navegadores -> "stylesheet" href = "css/style.css" type = "text/css" > < elo rel = "stylesheet" href = "css / style.css" type = "text / css"> <! - Estilos somente para IE6 -> <! - [If lt IE 7]> <link rel="stylesheet" type="text/css" href="css/ie_override.css" /> <[endif] -> |
Finalmente, uma solução simples simples ..
Parabéns aos muitos artigos técnicos muito interessantes, mantê-lo!
Eu odeio IE 6-5 não mencionar, isso virá a ferramenta muito útil
[...] Como IE6 resistir e viver feliz [...]
Para evitar o erro de duplicar a margem no IE6, e não apenas adicionar
display:inline?@ Simo:
Sim, de fato, ver o Internet Explorer 6: eliminar a margem de erro duplo . Neste post, no entanto, eu era um tipo diferente de exemplo, e para situações mais gerais, onde, infelizmente, não o suficiente para adicionar um
display:inline.Definitivamente o pior navegador disponível, este pequeno truque Costumo usá-lo eu mesmo e eu ter resolvido um monte de problemas, no meu site, mas eu me recusei a usá-lo e colocar um link para baixar o IE 7, é o momento que as pessoas percebam que Este navegador é erradicada.
Ennio @: Concordo ...