when i need to have a separate css file for windows and mac as sometimes i come across small differences with padding or margins and i have to fix these for mac and pc so i use the method from the above link and it works fine
is this the best method or is there a better and efficient way where in i can have separate css files for a mac and pc
04-14-2010, 10:10 AM
No, I certainly wouldn't say that's a good way. Frankly I've never even heard of a need to distinguish between OS for purposes of page layout. The differences in browser renderings (to my knowledge) are completely from the browser, not the OS.
So step 1 is of course to try to get your code to render correctly on all browsers, without browser-specific tweaks. If you're having issues with margins and padding, make sure you start your css with the normal:
since different browsers have different default margins and padding. This will set the both to zero, requiring you to set your own values.
Secondly, and only if absolutely necessary (I haven't had a need in a couple years), you can use conditional comments (see http://www.positioniseverything.net/...s/cc-plus.html for an example) to either have individual styles that are different for IE from everyone else, or even complete stylesheets different for IE.
04-14-2010, 03:19 PM
Originally Posted by tracknut
Frankly I've never even heard of a need to distinguish between OS for purposes of page layout.
11-06-2012, 11:21 AM
Reason of Variations
Kearning (sp?) on the PC and Mac is different for some specialize font. This creates the size discrepancy as most of these sizes are based on the size of a character which includes its kearning.
Machine specific selectors would be a nice addition to the CSS standard.