WH Internet Blog

Thursday, 24 April 2008

IE6 Randomly Repeating Text

Ever had the issue whereby IE6 is randomly repeating the last few letters of text outside of its containing divide? Well I had that problem this evening... very infuriating!!

However, before you threaten to uninstall everything Microsoft then get in the car and drive to California to blow up the Microsoft headquarters - take a read of this article which explains the issue and gives a very simple workaround:

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

In a nutshell the problem is caused by 2 consecutive divides that are floated in the same direction. The simple workaround is to give the last floated divide to appear in the markup a negative margin on the opposite side (i.e. if you have float:left, use margin-right: -20px; and vice-versa). Since the divides are floating to the other side than that of your margin this won't affect your design.

Simple eh?! Now, get out of the car and back to work!!

2 comments:

Search Engine Marketing Guy SEO said...

Thanks a lot for this link ! It's was just a comment issue...

Unknown said...

Thank you very much for giving the tip to solve IE6 Repeating text.