Unexpected leading characters in downloaded CSS

Question

I am developing an ASP.Net web application.

Some of my users' browsers are rendering un-styled pages (i.e. it appears that the style sheet is not being used).

When I browse to the css file from one of these users' browsers, I see unexpected leading characters.

The following example is from a user using IE7 (I too am using IE7, but I don't get this problem)...

@import url("aa.reset.css"); @import url("aa.core.css"); @import url("aa.header.css"); @import url("aa.middle.css"); @import url("aa.footer.css"); @import url("aa.misc.css"); @import url("Pager.css");

I suspect that the characters "" may be the source of my issue.

When I browse from my machine, I see

@import url("aa.reset.css");
@import url("aa.core.css");
@import url("aa.header.css");
@import url("aa.middle.css");
@import url("aa.footer.css");
@import url("aa.misc.css");
@import url("Pager.css");

Any ideas anyone?

Thanks

Sandy

Answer 1

Are you saving this file as UTF8? Check your editor to see if it has an option to save as UTF8 without BOM