Different Browsers CSS Issue

  • Author
    Posts
  • #1243598

    At the bottom of each post, I’m trying to get all social media and comments buttons to align. It works in Chrome and Safari, but I cannot get it to simultaneously work in Firefox, as the social media buttons jump above.

    Thanks so much for the help!

    The blog I need help with is minimograph.com.

    The blog I need help with is minimograph.com.

    #1243812

    sammetheny
    Member

    Hi, I’m looking at your blog on a PC, with Firefox version 20 and the social media buttons appear in a line at the bottom of each post. Is that the way they are supposed to be, because if so, it is working on my end. Are you on the most current version of Firefox on your Mac? (I’m assuming you’re using a mac because you mentioned Safari.) :)

    #1243813

    You’re right! I am on a Mac! I do have Firefox 20. Here is what I’m getting:

    As you can see, the social media icons are far higher on Firefox than they are on Chrome/Safari. I want them inline with “Leave a comment” like it appears on Chrome/Safari.

    Does your Firefox show it like my Firefox? Or is your Firefox like my Chrome/Safari preview?

    #1243814

    sammetheny
    Member

    My PC Firefox shows it just the way your Firefox does. What’s probably happening is that Firefox is behind the curve a little with rendering out white space. Looks like Chrome/Safari are smarter right now and they are not rendering that extra (looks like a paragraph, or <p>) line. Such is life with browser differences, I’m afraid!

    #1243815

    Someone else told me they (social media icons & are in different divs, which is why Firefox is acting that way, but as long as I am with WordPress.COM instead of .ORG, I don’t think that’s something I’m able to change.

    Thanks for taking a look at this.

    #1243837

The topic ‘Different Browsers CSS Issue’ is closed to new replies.