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/
