Como solucionar o bug de repetição de caracteres no IE
Postado por: Pedro Rogério emAté 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:
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
O modo como eu solucionei esse problema foi parando de usar comentários no html entre as divs com float XD
[...] LINK [...]
Nunca vi isso! Mas valeu pela dica! Abraços!
[...] 20, 2007 LINK Escrito por fabricadelinks Arquivado [...]
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.
eu resolvia com position: relative, mas comigo acontecia em alguns tipos de menus com UL e LI.
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…
Eureca! Sinceramente nunca vi bug parecido, nem como causar esse bug, hehehe!!!
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.
Uns dos bugs do IECA que me deixa muito irritado.
comigo repete os 2 ultimos e ficam de fora da div..
IECA sempre ele PQP.
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!!!!!
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/
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
agora, de fato esse bug é mto bizarro
+ bizarro do q o bug é vc colocar os 99% e resolver o pro.
rsrsrsrsrsrsrsrs
parabéns!
valew!
saca ae moçada, aqui encontrei a solução.
width:99%;
Valew Ricardo!
O problema é sem dúvida com os comentários. A solução apresentada funciona, mas é um quebra-galho, com um conteudo dinamico dentro da div fica ruim pq a parte repetida pode aumentar.
Hoje aconteceu comigo e eu identifiquei que o problema.
Exemplo que causaria o problema:
Lorem Ipsum
Lorem Ipsum
Solução para o caso acima:
Lorem Ipsum
Lorem Ipsum
Comigo funcionou, apenas coloquei o comentário dentro da div.
Um detalhe interessante é que a parte repetida não aparece no código fonte.
Carraaaaca, isso tava acontecendo comigo.. terrível.. quase um pesadelo! Sabe-se lá quem conseguiu descobrir como resolver… mas o q interessa mesmo é q tá resolvidO! e mais uma vez encontrei o q eu precisava aqui no seu blog.. mais uma vez, parabéns! e obrigada