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
______________________________________________________________________
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/
