I have switched all html (and php) pages to utf-8. Before that everything looked perfect in any browser for a very long time. Now, when I switched to utf-8 everything (MySQL db and pages), NO other changes were made, the pages look a bit odd. It displays several white rectanges on the page.
Viewing sourse in the browser shows nothing. When I save html page using Save As… (using the default encoding UTF-8 as IE suggests), I see 15 symbols-rectangles on the page. Once I remove them from html page (using Notepad) manually, everything looks almost fine. (Almost = saved html page doesn’t display all pictures so I can’t tell for sure).
important additional info:
- When I converted all php pages in Notepad++ from ANSI to UTF-8, I chose Encoding->Convert to UTF-8 (not a Convert to UTF-8 without BOM). So, probably, it was converted with BOM.
- css {padding:0, margin:0} was used a long time to remove white spaces on top a long time ago and was not changed since that time.
Example of several rectanges that I’ve found on the saved html page (showed here using question symbols):
**<BODY>??????
<META name=description content="....**
Yes, it very much sounds like you have a leading BOM in the page, which usually chokes up browsers. Save the files as UTF-8 without BOM.