On May 29, 2010, at 5:50 AM, Angela French wrote:
> I'm building a new site and I just discovered that Safari and Chrome render
> the font very small.
>
> My css looks like this:
>
> body { font-size:100%; }
>
> p {font-size: .8em;}
>
> There is one location in my site where I set in pixels and here they render
> the same as IE and FF.
>
> Can anyone explain the issue to me please?
>>> My test site is here:
>>> http://checkoutacollege.com:8080/Employers/WorkerRetraining.aspx . Thank
>>> you for looking.
Have you had a look at your page with the WebKit Inspector ? It would
immediately tell you that WebKit based browsers (Safari, Chrome) load a
stylesheet '/Styles/safari.css' with only one rule:
> body {
> font-size: 10px;
> }
That overrides what you set in '/Styles/GlobalStyles.css'
(summarised: the ugliness of browser detection scripts - dump that
'/js/browserdetect.js' script and your life will be _much_ easier)
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
