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?
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"
...