On Tue, 24 Jul 2007 11:17:12 -0400, John Gribben wrote: [...] > > http://windows.pedrera.com/clients/omnia/temp/ > > > With this template, I used a percentage (62.5%) to set the root parent size > for the > body and then used em units to set the size of all child elements. This > seemed to work > well on IE 7, Firefox 2, and Safari 3 on my system (Win XP 2002, SP2), but on > my boss's > machine (which is, I think, basically identical to mine), the sizing method > doesn't > work on IE 7. The text is too large, as if the Text Size were set to > "Larger." I > checked his browser settings - the Text Size was set to "Medium" (as it was > for my > browser). > > > Am I missing something? We have the same versions of IE, our Text Size > settings are > the same, but his browser is rendering the type larger than mine by an order > of > magnitude. >
Hi John, Check your boss's DPI settings. IE (and Opera) default to 12 points. At 96 DPI this translates to 16 pixels, but at higher DPI is more pixels, which seems to be what you are experiencing. At 120 DPI 12 points comes out at 20 pixels, for example. You may like to re-think your 62.5% base font. It can give rise to inheritance problems where minimum font sizes are set[1]. If you are looking for a base font that makes calculations easier, I suggest 106.25% which is 10 points at 96 DPI. This makes designing to a "scale" or "vertical rhythm" easier, as suggested by Mark Boulton[2] and others. [1] <http://www.gunlaug.no/contents/wd_1_03_04.html> [2] <http://tinyurl.com/e2eph> Cordially, David -- ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
