SitePoint Sponsor

User Tag List

Results 1 to 10 of 10

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Facebook plugin width not working in IE 6

    Hi guys,

    I'm having a problem on how to fix the width of FB Recommendations plugin. For Example my plugin width is 250px. It works on IE 8 and above, Firefox and Google Chrome.

    But when i view my site in IE 6 the width is 300px.

    Code HTML4Strict:
    <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:recommendations site="mysite.com" width="250" height="300" header="true" font="" border_color=""></fb:recommendations>

    How to fix this problem? thanks

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,481
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi Welcome to sitepoint

    Do you have a link to the page exhibiting the problem?

    The snippet you posted above renders as 250px for me in IE6 so there must be an issue somewhere else I would expect.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,481
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    This is what I'm seeing in IE6 and looks much the same as Firefox. Where do you see the issue? Have you got a screenshot showing the problem more clearly.

    I don't believe Facebook supports IE6 any more anyway so there may be an issue with their code but as I say I can't see the problem you mention anyway.

    (Note: link was received via PM for anyone following this thread and wondering where the screenshot came from)
    Attached Images Attached Images

  4. #4
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Hi,

    This is what I'm seeing in IE6 and looks much the same as Firefox. Where do you see the issue? Have you got a screenshot showing the problem more clearly.

    I don't believe Facebook supports IE6 any more anyway so there may be an issue with their code but as I say I can't see the problem you mention anyway.

    (Note: link was received via PM for anyone following this thread and wondering where the screenshot came from)
    Hi paul,

    I see this issue using IE NetRenderer - Browser Compatibility Check - IE6

    The issue is the facebook code..

    <fb:recommendations site="mysite.com" width="250" height="300" header="true" font="" border_color="">

    even I set the width 250px to 200px or 100px. when i view it in NetRenderer IE6. the size is 300px...

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,481
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    You'll need to test on a real IE6 or use ietester as I doubt those rendering sites are accurate and I guess they don't handle the iframes within the plugins correctly either.

    The image I showed you came from IE6tester earlier and shows the plugiun working. However, I just tried to have another look and both ietester and netrendrer refuse to load that page in IE6 so I can't double check.

  6. #6
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    so what is the best thing to do? what is the most accurate tools to test?

    What about you, are you still supporting IE6 in your sites?

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,481
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by jalmz View Post
    so what is the best thing to do? what is the most accurate tools to test?

    What about you, are you still supporting IE6 in your sites?
    I use IEtester for IE6 and it renders CSS pretty much perfectly but I wouldn't rely on it for javascript although I seldom see any issues.

    I use IE8 for real on this computer and IE9 on another computer. For Ie7 I do have a laptop running IE7 but I tend to still use IEtester. Facebook doesn't support IE6 I believe anyway but I usually add ie6 support albeit with a limited experience in some cases.

    You can't rely on the screen shot services to provide 100% accuracy especially where you have things like that facebook iframe loading and the special tags that won't work unless javascript is enabled.

  8. #8
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Paul,

    True you are correct. I tested my site on a IE6 in my xp.. and it works.. Thank you for the tips. =)

  9. #9
    SitePoint Enthusiast jackburd's Avatar
    Join Date
    Mar 2011
    Posts
    35
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    facebook does not support IE6 anymore. forget about that browser.

  10. #10
    SitePoint Enthusiast
    Join Date
    Jun 2011
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    maybe Google plus will support it


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •