[sam]

Hey Everybody. I have some questions about font unit. I use em for font and other measurements as much as I can so that things scale up well when font size is increased. But I was looking at some screen shots from browser cam and found that things looked great till I got to safari. The line-space and font size was a mess. Is there a compatibility problem with em and safari ? I couldn't find any such info on the web so I thought I will ask here. If not is there some inheritance problem with safari ? because all browsers including the dreaded IE6 rendered it just fine. Any feedback will be greatly appreciated. Thanks.

[TJSingleton]

For pixel perfect cross browser font rendering check out: http://developer.yahoo.com/yui/fonts/

This post has been edited by TJSingleton: 05 March 2007 - 03:04 PM

[marcamos]

To answer your question about Safari, and compatibility... Safari is just about the best browser made when it comes to supporting advanced code (yes, better than Firefox), so it certainly isn't a safari compatibility issue.

What you're likely seeing is simply the inherent differences in the operating systems. There is different default kerning, line-height, font rendering, etc. between OS X and Winders, and Linux for that matter.

[sam]

Apart from the font reset TJ has mentioned do you have any other tricks to sort this out ? I did go through your css foundation file. Is that all you use Marc ?

[marcamos]

sam, on Mar 5 2007, 05:17 PM, said:

... I did go through your css foundation file. Is that all you use Marc ?

Yup. What is the URL to the document you're having trouble with? I'd like to see it on my Safari, and FF, and IE, etc.

[Ryan Fait]

A lot of people use Safari here (me included); post up a link and I might be able to help you troubleshoot.

[sam]

Thanks for offering to help Ryan. I have managed to solve the problem. I had set a global line height of 1 em. Somehow that was over riding what I had set for the footer and it was happening only in safari. Removing that solved the problem.