Ir para conteúdo / Skip to content

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

Postado em: 20 de novembro de 2007 por Pedro Rogério

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:

Deixe seu comentário

14 comentários para esse post

  1. Caio disse: 20.11.07 ás 09:19
    #1

    O modo como eu solucionei esse problema foi parando de usar comentários no html entre as divs com float XD

  2. Fábrica de Links :: COMO SOLUCIONAR O BUG DE REPETIÇÃO DE CARACTERES NO IE :: November :: 2007 disse: 20.11.07 ás 09:44
    #2

    [...] LINK [...]

  3. Lucas Mezêncio disse: 20.11.07 ás 10:14
    #3

    Nunca vi isso! Mas valeu pela dica! Abraços!

  4. Como solucionar o bug de repetição de caracteres no IE « Fabricadelinks disse: 20.11.07 ás 11:23
    #4

    [...] 20, 2007 LINK Escrito por fabricadelinks Arquivado [...]

  5. Jader Rubini disse: 20.11.07 ás 13:53
    #5

    Hehe… já sofri bastante (e ainda sofro) com esse bug bizarro.
    Mais bizarro que o bug, só a solução.

    Ah, e dependendo do tamanho do texto contido no elemento, o número de caracteres repetidos aumenta também e, consequentemente, o número de comentários (que funcionam mesmo quando estão vazios) também deve aumentar. ;)

  6. Rubens Cavalheiro disse: 20.11.07 ás 13:59
    #6

    eu resolvia com position: relative, mas comigo acontecia em alguns tipos de menus com UL e LI.

  7. VitorGGA disse: 20.11.07 ás 17:36
    #7

    Pelo amor de zeus, IECA eh uma merda.
    Soh essa semana fiquei horas tentando resolver essa budega. Tenho usado uma parada q sempre agiliza muitos problemas, o clearfix.
    Mas pela teoria, o que o IECA vai fazer simplesmente é repetir o código do comentário non? Tipo, ficando –>–>, invisível ao usuário. Pelo menos, problema resolvido.
    # um dia descubro qm inventou o ieca e enforco ele…

  8. Eliseu disse: 22.11.07 ás 17:46
    #8

    Eureca! Sinceramente nunca vi bug parecido, nem como causar esse bug, hehehe!!!

  9. Keidi disse: 25.11.07 ás 19:23
    #9

    Já aconteceu comigo umas três vezes… sempre resolvi informando o width da tag onde está o texto. Como sempre estava em algum dentro de um bloco colocava p {width:100%;}

    Mas sua dica é interessante para quando não pudermos definir uma largura para o texto, vou guardar na minha lista de dicas para CSS.

  10. Tiago Celestino disse: 30.11.07 ás 11:52
    #10

    Uns dos bugs do IECA que me deixa muito irritado.

  11. Julio disse: 08.12.07 ás 11:41
    #11

    comigo repete os 2 ultimos e ficam de fora da div..

    IECA sempre ele PQP.

  12. Juliana Dagnoni disse: 07.08.08 ás 15:56
    #12

    Eu estava com este problema e coloquei no meu código a sugestão acima. Mas testei também colocar apenas o abre e fecha do comentário e um espaço entre ele e a última tag , no caso usei ( ) e deu certo!!!!!

  13. João Marcos Santos Teixeira disse: 01.10.08 ás 17:49
    #13

    Oi gente, já sofri com esse bugs varias vzs, e sempre tento resolver colocando um “position:relative;” no elemento com problema (na maioria da vzs paragrafos)

    entao fica:

    p {

    position:relative;

    }

    Essa solução ja me livrou várias vzs, quando a apresentada no post nao funciona (

    Achei o position uma maneira mais profissional de resolver o problema (sem desmerecer!) só que as vzs nao funciona, e ai??

    Aí eu tento a outra solução descrita no comentario numeri #9; ja coloquei o comando:

    p {
    width:100%;
    }

    e funcionou!!!

    Essas sao as 3 soluções que tenho… alguem tem mais aguma dica?

    Fiz uma pesquisa sobre esse bug e encontrei alguns sites, obrigado!

    João Marcos.

    Aí vai a pesquisa:

    Busca por: IE6 Duplicate Characters Bug

    http://www.positioniseverything.net/explorer/dup-characters.html

    http://www.toastedweb.si/docs/ie_ghost_text_bug_fix.html

    http://cssidiots.com/2008/03/15/ie6-duplicate-character-bug/

    http://www.webmasterworld.com/forum21/9261.htm

    http://www.urlfan.com/local/ie6_duplicate_characters_bug/75640219.html

    http://blog.siteworld.be/2006/08/26/ie6-duplicate-characters-bug/

    http://www.pinceladasdaweb.com.br/blog/2007/11/20/como-solucionar-o-bug-de-repeticao-de-caracteres-no-ie/

  14. Ricardo Rodrigues disse: 06.10.08 ás 09:14
    #14

    Essa solução não funcionou comigo, porem reparei que o bug era causado por um “width:100%” e então eu alterei para 99% e resolveu :D
    agora, de fato esse bug é mto bizarro

Deixe seu comentário