Detect Mac or PC to deliver stylesheet?

[mikes02]

On my PC the styles are working as I’d like them to, but when I test on a Mac things are a bit different, I am assuming it is related to the way a Mac renders text in the browser compared to a PC that is throwing off the widths. Is there a way to detect if a user is on a Mac or a PC and then deliver a corresponding stylesheet?

[TheDoc]

What exactly is the problem you are experiencing? I would imagine you shouldn’t need to detect OS.

I suppose you could detect OS with Javascript, though I don’t have specific code for you.

[mikes02]

I have a horizontal drop down menu and due to width differences in the way browsers render text and also the way text is rendered between PC and Mac browsers there was up to a 25px difference in widths which made positioning not work until I started using browser specific styles to adjust the width based on browser/OS. I searched all over Google and I have not been able to find a solution because it basically boils down to the fact that the font rendering makes the difference in widths, I suppose I could use images for the links instead but that’s not really what I want to do…

[mikes02]

I went ahead and just used sprites after all, it works cross-browser and was easier than doing a bunch of browser specific styles.

[TheDoc]

I have a feeling that if you were using something flexible you might not run into any problems, but hard to say without seeing what you are working on.

[OniLinkCR]

Sounds to me you haven’t reset your stylesheet.

[mikes02]

I use Eric Meyer’s reset on all of my projects, the width effect is purely related to the way browsers render text and the difference in font rendering between mac and PC that was throwing off the width, with sprite images it works perfectly and saves me the trouble of conditional styles.

[OniLinkCR]

Well it’s kind of odd, I’ve never had that problem.

[Author]

Posts