Css mac firefox only

JavaScript
1

Hi everyone I need to adjust the position of one element for mac firefox only.

The following CSS looks good on pc firefox:
li#tac {
height:17px;
margin-left:565px;
}

All I want to do is increase the margin-left to 570px for mac firefox but keep 565px for pc firefox…

Does anyone know how I can do this please?

I tried using an example from an O’Reilly book but it gives me errors…

2

There isn’t any “standard” way to do this.

What you may want to do instead of trying to fix a specific margin for a specific browser is to use a reset CSS file, which will basically neutralize all browser-specific padding and margins. Then, your margin should act the same on both platforms.

3

I am already using the star selector:

  • {
    margin:0pt;
    padding:0pt;
    }

The difference between mac and pc is the word spacing and letter spacing. The site looks good all apart from this one thing… I really need a fix…

4 
if (navigator.platform.indexOf("Mac") != -1 && navigator.userAgent.indexOf(") Gecko") != -1) {
    document.write("<style type'text/css'>");
    document.write("li#tac {margin-left:570px;}");
    document.write("<\\/style>");
}

Not pretty, but it answers your question.

5

Wow you are a legend!! Thank you very much!!

6

You should try a reset file like those found in the YUI or one like this: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ which is what I personally use. They do a bit more than just set padding and margin to 0.

7