BPOVIA Website Design

The display issue we are going to talk about today may occur in Static FBML when you directly define <style>…</style> as well as using background-images tags within CSS. Firefox, Chrome and Safari can normally display the background images, for IE users, though, if you are using Version 8.0 and lower, you should have noticed this problem and found this post useful.

Well, the solution is:

1) If you are using external CSS <link rel=”stylesheet” type=”text/css” href=”you site/style.css?v=1.0 />, you’d better switch to the following format <link rel=”stylesheet” type=”text/css” href=”you site/style.css?v=1.0″ />

Recommendation is you put the stylesheet onto your own website or Google site, but please be careful about the format tips as follows:

• Set UTF-8 as the encoding format;
• Do not put styles in between <style> and </style> tags, instead, only use your CSS styles;
• Compose a friendly filename without space.

2) If the CSS you use is put in Head and cannot be read by IE, then you will necessarily apply inline CSS like this

<div style=”background: url(/images/logo.jpg) no-repeat;”></div>

rather than

#logo {

background: url(/images/logo.jpg no repeat);

}

Then your Facebook Page will be displayed normally in IE.