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, 4563 views   Categories: Articles

Leave a comment

Comments, Pingbacks:

Leave a comment:

Name:

Email:

Your email address will not be displayed on this site.

Site/Url:

Your URL will be displayed.

Sorry, i get a lot of spam from automatic comment posting scripts. Your comment will appear delayed and you must answer to this question.
So, if you are a human, then please answer: how much is three times five?:

Antispam-Feld

Comment text:

Allowed XHTML tags: <p, ul, ol, li, dl, dt, dd, address, blockquote, ins, del, span, bdo, br, em, strong, dfn, code, samp, kdb, var, cite, abbr, acronym, q, sub, sup, tt, i, b, big, small>

Options:
 

Auto-BR (Line breaks become <br />)
Remember me (Set cookies for name, email & url)