Character encoding issue when loading a div using jQuery.load()

Question

Dear gurus

I have one page encoded with utf-8 that is login another page also encoded with utf-8. In order to load one page into a div in the other, I use them load() method of jQuery 1.4.2. Everything works fine in Chrome, but in FireFox all the non-american characters are shown as a strange mark. If I use FireBug to inspect the loaded div, I can see the the inner page (the one thar was loaded) has the encoding charset=iso-8859-1.

What I am missing?

TIA

Answer 1

Check the HTTP charset of the inner page: Its web server should serve it as

Content-Type: text/html; charset=utf-8 

Or it might be you have to set it on the script you're requesting through Ajax.

Answer 2

Hello.

I accidently fixed the problem. The fact is that all the html files involved in the problem were encoded as UTF-8, all right. However, the mail html file was linked to a CSS file that was encoded differently. For some reason, the load() method in jQuery was being influenced by that encoding in FireFox.

I hope this can help other people in similar circunstances.

Bye!