1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

CSS navigation looks different on Firefox and other browsers

Discussion in 'CSS' started by ademmeda, Oct 10, 2012.

  1. #1
    Hi,

    I am working on the following website:


    questboss.com
    Code (markup):
    The navigation bar below the logo looks different on Firefox and other browsers (Chrome, IE, Safari, Opera). I like the way it looks on Firefox and I want it to look the same on other browsers as well but I couldn't make it. The navigation buttons have the correct padding in Firefox, but not in Chrome or other browsers, including IE.

    Do you have any ideas?

    Thanks.
     
    ademmeda, Oct 10, 2012 IP
  2. MattMay

    MattMay Peon

    Messages:
    107
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    For me, it looks the same in Firefox and Chrome?
     
    MattMay, Oct 10, 2012 IP
  3. ademmeda

    ademmeda Active Member

    Messages:
    354
    Likes Received:
    3
    Best Answers:
    3
    Trophy Points:
    70
    #3
    UPDATE: Solved.

    Changed the CSS slightly and now it looks a lot better.
     
    ademmeda, Oct 10, 2012 IP
  4. ColourKraft

    ColourKraft Member

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    38
    #4
    Firefox uses a different text rendering engine than webkit based browsers, there's nothing you can do about this. What I do is detect if their browser is Mozilla then apply different padding for them.
     
    ColourKraft, Oct 11, 2012 IP
  5. wizardofx

    wizardofx Well-Known Member

    Messages:
    572
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    140
    #5
    This really points out the need to view your pages on all the browsers. They just don't all follow the standards. We were having real problems with our navigation panel in Safari, and since we weren't checking it
    on Safari we were losing a lot of apple users. Fixed our problems by changing relative to fixed positions, but
    we shouldn't have had to.

    wiz
     
    wizardofx, Oct 11, 2012 IP