Google Plus Badge Missing in IE

Discussion in 'HTML & Website Design' started by gmr324, Aug 10, 2012.

0
  1. #1
    Hi,

    I can get my Google Plus Badge to appear in the sidebar for Firefox
    but not for IE7

    The site is www dot suctioncupdildo dot org


    Appreciate Any Advice

    George
     
    gmr324, Aug 10, 2012 IP
  2. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #2
    It shows up in the same places in IE8 and FF14. What versions are you using? And what sidebar? (I see the buttons at the bottom of a few sections - no sidebar.)
     
    Rukbat, Aug 11, 2012 IP
  3. gmr324

    gmr324 Active Member

    Messages:
    205
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    I am using IE7 and FF14. However, the buttons you see are the social voting buttons at the end of each post. That is not what I am referring to. I am referring to the Social Follow Me icons/badges on the right hand side bar. I can see the Google+ Follow Me Badge in FF but not IE. I used the badge html code provided by Google.

    Any advice appreciated
     
    gmr324, Aug 13, 2012 IP
  4. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #4
    Look at your code starting at

    <object width="250" height="250">

    If there's any error, IE stops parsing at the error, which may stop it from showing the movie and anything following it in the side panel. FF tries to parse past the error, then pick up with what it can parse.
     
    Rukbat, Aug 13, 2012 IP
  5. gmr324

    gmr324 Active Member

    Messages:
    205
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #5
    Thanks for the response. So, what made you select that <object width..> line of code?

    IE actually displays everything fine and identically to FF in the right-hand sidebar with the single exception of the Google Plus Follow Me badge.
    I got that code right from Google so am at a loss as to which error you are referring to. This Google Plus badge displays between the
    PInterest and YouTube icons in FF but not in IE.

    Thanks Again
    George
     
    gmr324, Aug 13, 2012 IP
  6. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #6
    What made me look there is that IE usually fails on error, rather than recovering on error. But this problem seems to be with the doctype. When I run IE8 in IE7 mode I see the Google+ badge missing. Always design for the current browser version - you're not going to get most pages working the same in all versions of a browser.

    Try changing the doctype to HTML 4.01 Strict and see if IE7 understands things better.

    Or you could try changing the badge code to
    
<div class="g-plus" width="225" height="69" href="//plus.google.com/110931855875717931054?rel=publisher" theme="dark"></div>
    Code (markup):
     
    Rukbat, Aug 13, 2012 IP
  7. gmr324

    gmr324 Active Member

    Messages:
    205
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #7
    Thanks again for your feedback. When I changed that line of code and added yours in, the Google+ badge disappeared in both IE and FF
    I understand all your points but am still confused

    George
     
    gmr324, Aug 13, 2012 IP
  8. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #8
    The problem is that IE8 in IE7 mode doesn't work the same as IE7, so I can't come up with a guaranteed solution, but the problem is evidently that line. Try the original line, but delete one "data-" at a time. If that doesn't do it, put it back and delete the next one.
     
    Rukbat, Aug 13, 2012 IP