Faz tempo que eu não posto aqui, hein? Passei longos meses me ocupando com tanta coisa que nem sequer me preocupei em postar conteudo aqui, mas vamos lá, vou tentar voltar a postar com mais frequência aqui.
Hoje eu trago uma matéria que resume basicamente meu 1 ano e meio trabalhando como desenvolvedor front-end na INGG, em especial todas as dores de cabeça que eu já tive com IE6.
- Quem usa IE6 nos dias de hoje não preza por qualidade, quer apenas ver o site funcionando (by Fernando Ralfer).
- Nem todo float precisa de clear, o IE6 empurra tudo mesmo que você não queira.
- Todo float precisa de um display:inline para evitar o bug da margem duplicada.
- Todo position:absolute precisa de z-index; No position:relative não é obrigatório mas é ideal.
- PNG com PNGFix é melhor que GIF, GIF é melhor que PNG com
gambiarrafiltro alpha (recomendação pessoal: DD_belatedPNG). - Behavior é um mal necessário (use apenas em último caso).
- Sempre deixe 3px de sobra nos seus blocos (mesmo que isso implique em enganar todos os outros browsers com margin-right:-3px – leia mais aqui).
E de brinde, duas dicas para quem usa DD_belatedPNG: para quem trabalha com sprites em PNG transparentes, evite offsets ímpares, eles sempre vão retornar coisas esquisitas; para todos os casos, o belated só simula hover na tag <a>, significa que mesmo que hajam tags dentro do <a>, nenhuma dessas tags vai atualizar o background no momento que o mouse passar em cima do elemento (no hover, mais especificamente).
