Facebook Page Tab Blank in Internet Explorer 8

StackOverflow https://stackoverflow.com/questions/8330221

Question

I've developed a Facebook page tab that doubles up as a website style app:

http://www.facebook.com/pages/ECSid/246158322109906?sk=app_249322331789747

When you visit this app on Chrome, Firefox or Safari the iframe is rendered just fine. However in IE, you are displayed a blank page tab. If I remove all the content from the tab and replace it with some basic HTML, that displays IE and if I view the page tab independently from Facebook it works just fine.

When using IE8's developer tools, it seems load only half of the page tab is loading, almost like it loads the head and gives up. The javascript doesn't appear to have any errors when testing in Chrome and I don't seem to be able to see any errors in IE.

The only other thing that appears in Chrome when testing is this error:

Unsafe JavaScript attempt to access frame with URL http://www.facebook.com/risetoremain from frame with URL...

Any suggestions on how I can get this tab to render in IE?

Was it helpful?

Solution

As your app works in iframe: facebook page tab,
in order to internet explorer works works properly, you should set P3P policy settings by:

for php: <?php header("p3p: CP=\"ALL DSP COR PSAa PSDa OUR NOR ONL UNI COM NAV\"");?>

for asp.net(in global.asax):

protected void Application_BeginRequest(Object sender, EventArgs e)
{

    HttpContext.Current.Response.AddHeader("p3p", "CP=\"CAO PSA OUR\"");

}

otherwise in internet explorer you can't access cookie

after applied P3P, your response header look like this:

Response Headers
Cache-Control   no-cache
Content-Type    text/html; charset=utf-8
Server  Microsoft-IIS/7.0
P3P CP="CAO PSA OUR"
...

OTHER TIPS

I had the same problem, only the issue for me was facebook was adding an extremely large negative margin to the html element of my page tab. So my content was there, it was just moved over some 3000 pixels. Adding an inline style to my html element worked for me. 

<html xmlns="http://www.w3.org/1999/xhtml" style="margin-left:0 !important;">

I know this is a bit late but we had the same problem and I solved it by adding a doc type to the html. It solved it for IE7 and IE8.

I had same problem, i just removed the "console.log" from my code.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top