Você já parou para pensar quanto tempo e dinheiro é jogado fora, por causa do seu amado browser Internet Explorer? Por causa dele temos que diversas vezes arrancar os cabelos para encontrar soluções bizarras. Mas tudo bem, se não parou para pensar dê uma olhada no gráfico abaixo e tire suas próprias conclusões:
Via: The Net is Dead.
Quando digo na empresa onde trabalho, que apesar do Internet Explorer ser o browser mais utilizado, ele é o pior browser da história da internet, praticamente todo mundo discorda de mim, mas eu como desenvolvedro posso falar isso com a maior autoridade do mundo. Se já não bastava ele ter um suporte precário a CSS, basta você dar uma olhada em sua lista de bugs para descobrir que o buraco é bem mais embaixo.
Até hoje isso só aconteceu comigo uma vez, mas muita gente já deve ter passado por isso e não encontrou alguma solução, mas o problema consiste no seguinte:
Eu tinha uma div com um texto qualquer, e o IE repetia as últimas 3 letras da última palavra do texto, ou seja, se eu tinha um texo assim: Lorem Ipsum, no IE era criada mais uma linha de texto com o seguinte conteúdo: psum. Tentava de tudo para corrigir esse bug, nem um simples overflow:hidden dava conta do recado, até que encontrei a solução. Se alguém estiver com esse problema, basta incluir um comentário após a última palavra onde os caracteres se repetem:
<div id="bug">Lorem Ipsum <!-- fix bug --></div>
The Bug Report é um sistema criado pelo site Quirks Mode para a divulgação de bugs em CSS e JavaScript para auxiliar os desenvolvedores web, onde você, caso tenha descoberto algum bug em um browser conhecido, basta preencher o formulário com a descrição do mesmo e indicar uma página de teste para o bug. O serviço já existe a muito tempo, mas infelizmente não conhecia, assino o feed de mais de 300 blogs e nem sabia da existência desse serviço. Mas tudo bem fica aí a dica, e se você conhece sites desse tipo, indique pra gente nos comentários.
Adivinhem só quem lidera a lista de bugs?
Muitas pessoas já devem ter passado por esse tipo de problema e nem sabiam o por que de ocorrer isso, mas se repararem, quando você defini uma margem para algum elemento de uma página, e esse elemento tem um float na mesma direção da margem, ela é duplicada. Isso ocorre no IE6, não sei em versões anteriores, mas na versão 7 isso já foi corrigido.
Para vocês verem o que acontece, dêem uma olhada nesse exemplo. Eu defini um float:left para a Div e uma margem esquerda no valor de 200px, no IE6 isso vai para 400px. A maneira de corrigir isso é muito simples, basta definir um display:inline para a Div que tudo volta ao normal, vejam como ficou agora.
