Grow your CSS skills. Land your dream job.

Firefox/Chrome vs Safari issue

  • # November 24, 2012 at 2:43 pm

    Hey guys,

    Webpage URL: http://www.unekual.com

    I know this solution is gonna be like shooting fish in a barrel, but carrying a bad flu for about a week and my mind isn’t where it’s supposed to be. I just wanted to see if by any chance anyone had any ideas how to solve a particular bug I am experiencing with a new site I finished this week.
    The issue is basically in aligning the social media icons on the “products” page. If you notice in Safari, the Pin It img is shifted 25px downwards because I gave it a top padding to align it with Firefox and Chrome. I’ve tried a few things here and there, but nothings seems to get the job done. (http://www.unekual.com/#products)

    And while I’m at it, would anyone have any clue why my PayPal drop down menus align to center in Firefox and Chrome, but not in Safari? I have tried a few things there as well to no avail! margin:0 auto not getting it done. (Hatting Safari right about now!)

    Thanks a bunch guys!

    Cheers!

    Alessandro.

    # November 24, 2012 at 2:55 pm

    The padding-top on a.pin-it-button is showing up in Chrome as well

    You have a whole bunch of css files linked…there could be a fight between them somewhere.

    You should try combining / optimising them.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".