Pete Harrison wrote:
> OK, I'm getting more savvy with CSS and feeling a lot more confident with
> many thing I try. However, I've been looking at using EM as the scaling
> factor for all my fonts and pictures for accessibility reasons.
>
> I must admit, it all seems a little difficult, especially when it comes to
> nested elements. If I have got this right, to simulate the following;
>
> H1=24px
> H2=18px
> P=12px
>
> I would do the following
>
> body {font-size:62.5%;}
> H1 (font-size:2.4em;}
> H2 (font-size:1.8em;}
> P (font-size:1.2em}
>
> However, is I have a div like #frontpagenews {font-size:2em;} with a nested
> h2, the h2 would seem like it was 9px (using child*parent i.e.
> 1.8*2=3.6em/36px
>
> So I would have to change all em sizes of all nested elements if I had to
> make a change to just one parent!
>
> I think this is a ridiculous this to have to do so I must have got it all
> wrong.
>
> Please help
>
> Regards
> Pete
>
>
It does not take an advanced degree in mathematics to make words
readable on the screen.
The method you are using is one of many such "gimmicks" and while
interesting they seldom deliver as promoted and are known to fail user
stress testing.
This works well across-browser when setting fonts in em:
html { font-size : 100%; } <!--- user default set in percent to squelch
a font-scaling bug when using em in ie
body { font-size : 1em; } <!--- user default set in em
h1 { font-size: whatever em; } <!--- title font-size layout dependent
h2 { font-size: whatever em; } <!--- sub-title font-size layout dependent
#primary-content p {margin : something or other; } <!--- primary content
inherits user default font-size
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
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/
