Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

iframe background transparency ignored by Google Chrome

trying to add facebook like button, only Google Chrome has problems

1:14 pm on Jun 27, 2010 (gmt 0)

New User

5+ Year Member

joined:Apr 16, 2010
posts: 19
votes: 0

If I change the height to more than 25px in the facebook like iframe it's giving a white background to it in Google Chrome only, any other browser displays it correctly.

the code i use is:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsubdir.example.com&amp;layout=standard&amp;show_faces=false&amp;width=220&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=25" scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:220px; height:25px; background-color:transparent !important"><style type="text/css"> BODY {background:none transparent;}

as you can see i even added the transparent style to the body of the iframe according to advice given on other sites.

can anyone explain why it is like this in Google Chrome only (even Safari is perfect!) and who it can be corrected?

my chrome version is 6.0.447

[edited by: tedster at 8:30 pm (utc) on Sep 5, 2010]
[edit reason] avoid the side scrolling [/edit]

1:18 am on Sept 4, 2010 (gmt 0)


WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Aug 10, 2004
votes: 8

did you ever get a solution to this problem?
7:29 am on Sept 5, 2010 (gmt 0)

New User

5+ Year Member

joined:Apr 16, 2010
posts: 19
votes: 0

nope, i just kept the height lower than 25px...
however fb changed their like button recently which might have changed this behaviour but i haven't tried since

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members