On Tue, 8 Jul 2008 16:13:40 -0400, Jason Campbell wrote:

> I am trying to establish a foundation for an em based layout and I am seeing 
> some
> discrepancies between Firefox 2 and Safari 3.1.2 on the mac that I had not 
> noticed
> before.
> My example file I am referencing is available at 
> http://www.jasoncampbell.com/CSS
[...]
>
> When I view the page in Firefox 2 everything is wonderful, full image, 
> etcetera.
> However in Safari 3.1.2 to see the full bg image I have to increase the base 
> font-size
> to 71.5%
>

I have just been running a series of browser tests using percentages or EMs
to see what pixels sizes they create, including on a 120 DPI setup.

Yes. I did discover that Safari requires the theoretical percentage to
be rounded up to the next higher whole number in order to behave
like other browsers. Your 62.5% is being treated as 62% by Safari.

I did not test with a base font as small as 62.5%, so can't tell you the
cut-off points for various browsers. In general, though, I found that
Safari tends to round down EM sizes, making them smaller than IE
and Firefox, while Opera tends to round up, making them larger.
This is not always noticeable, but seems to affect smaller percentages
and EMs more, as you might expect.

You may like to reconsider basing sizes for your image in EMs, as
there are *many* settings that affect this relationship.

FWIW - there are also problems using base font sizes less than 100%,
as Georg Sørtun documents here:

 <http://www.gunlaug.no/contents/wd_1_03_04.html>

Cordially,
David
--

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to