Back to Start

Strange Facebook fbml bug in Internet Explorer

I am currently working on a facebook page for a customer of mine. When I came to build the "for fans only" page, I stumbled over a strange bug that seems to come up only with Internet Explorer (all versions) and only if the facebook page is rendered between the fbml tag

<fb:visible-to-connection>

Code herunterladen

Here is what I do:

I create a fbml page in Facebook.
I enter this code:

<fb:fbml version="1.1">

<div style="
background: #DDD;
padding: 15px;
">
<p>Some Sample Text</p>
</div>

<fb:visible-to-connection>

<div style="
background: #DDD;
padding: 15px;
">
<p>Some Sample Text</p>
</div>

</fb:visible-to-connection>
</fb:fbml>

Code herunterladen

I visit the page in firefox and it looks as expected (both texts are black on gray background).

If I call up the same page with IE6, IE7 or IE8, I get this:

It seems that only the text within the "for fans only" section is not rendered properly.

Any hints appreciated.

=== UPDATE ===

Meanwhile I found a workaround at least. If I set the surrounding DIV a specific height, then the text will be rendered normal in IE.

10/18/2010 14:05:56, von Marian , 152 words, 12861 views   Categories: Articles

Comments, Pingbacks: