Quem nunca teve problemas de renderização com o IE? Elementos que ficam invisíveis e só aparecem quando se passa o mouse em cima ou ao rolar a tela, menus que quebram, background que não aparece e outros bugs que o nosso “amado” navegador da Microsoft insiste em apresentar.

Desenvolvendo um projeto, tive um sério problema de renderização com algumas DIVs posicionadas absolutamente depois de outras com float. No Firefox, Opera e Safari funcionava perfeitamente, mas no maldito IE a div sumia.

Descobri que tinha alguma coisa a ver com o haslayout e fuçando um pouco mais, descobri uma propriedade chamada zoom que eu nunca tinha ouvido falar. Resolvi usar e não é que funcionou?

É simplemente inacreditável. Praticamente todo e qualquer bug de renderização se resolve com a adição de zoom:1 no CSS.

Duvida? Eu provo.

Poucos minutos antes de escrever esse post, Marcelo Cabral (welcome back!) me veio com a seguinte pergunta: “Porque raios o fundo do meu blog não tá aparecendo no IE6?” (Veja o screenshot abaixo com o bug)

Bug

Dei uma olhada no CSS, vi que não era nenhum problema no código e respondi: “Adiciona zoom:1 no #content”.

Presto!

Solução

Só não me perguntem o porque, só sei que foi assim … taí o Cabral que não me deixa mentir :P

Divulgue:
  • Digg
  • del.icio.us
  • Rec6
  • Technorati
  • Slashdot
  • Ma.gnolia
  • blogmarks


Produtos Relacionados: