IE7 Float Bug

Postado por: Pedro Rogério em
  • 29 mar
  • 6
IE7 Bugs

Quem é desenvolvedor Front-end sabe do famoso bug da margem dupla no IE6, mas se você nem sabia que isso existia, vamos aos fatos. No IE6, se você aplicar float a um elemento, e depois aplicar margin para o mesmo lado que foi aplicado o float, essa mesma margem fica com o valor dobrado. Exemplo, apliquei float:left a um botão e depois defini que ele terá um margin-left:100px, em qualquer browser isso será 100px, mas no IE6, isso virá 200px. Para corrigir isso basta aplicar um display:inline ao elemento que ocorre o bug e tudo fica OK.

Continuar lendo »

Tempo de desenvolvimento de um Website

Postado por: Pedro Rogério em
  • 3 mar
  • 5

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:

Tempo de desenvolvimento de um Website

Via: The Net is Dead.

Como solucionar o bug de repetição de caracteres no IE

Postado por: Pedro Rogério em
  • 20 nov
  • 19

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>

Mais informações: