Odd Characters Being Added in IE8

Question

When I view a page in anything apart from IE8, it shows properly. When I view the source code (in IE8 only) it looks fine as below

working

However when I copy/paste it into http://jsbeautifier.org/ or notepad, it looks odd. In notepad, the first line is distorted and on JS Beautifier, there are 2 red circles.

broken broken

I'm using WordPress on Windows Server 2008 R2. As I said, the page works in everything apart from IE8. Any ideas?

Also adds something to the end

broken

I would guess those two bytes are the UTF-8 BOM header. You can ignore that. — rekire, Feb 05 '15 at 13:10
... it seems to break the page though. Removing the start and end and saving it as a HTML file seems to work fine — pee2pee, Feb 05 '15 at 13:13
Try to open that file in a hex editor and copy the first and last three hex values. — rekire, Feb 05 '15 at 13:15
Okay I checked it the BOM header consists out of 3 bytes not two as in my mind so I was correct. — rekire, Feb 05 '15 at 13:25
I removed them but it keeps coming back.Opened in notepad and saved as UTF-8. Using WordPress - could that be an issue? — pee2pee, Feb 05 '15 at 14:14
That is the issue you must not save it as UTF-8 with notepad. it adds the header. Use some other editor. — rekire, Feb 05 '15 at 14:16

score 1 · Answer 1 · answered Feb 05 '15 at 13:31

What you see is the UTF-BOM header. There you can also see that the three bytes from the comment is equal the utf-8 byte order mark header. Just remove them and everything should still work fine.

Just the bytes at the end are confusing me. They are if you quoted them correctly also a BOM header but this is wrong. Just remove those one too and you should be done.

Odd Characters Being Added in IE8

1 Answers1