I have set the general font size to 62.5% (1em) and then used em’s for the remainder of the stylesheet.
I remember reading that using !important will force the style to override the users default sheet, but this in turn can be ignored is a user has used this tag.
is this correct – or is there something else that i can do?
suggestions as welcome as ever.
Browser shots in Opera, Windows and Firefox to illustrate my problem
Ohh, and the Serving the following areas-list would be somewhat annoying to read when the rest of the design got a good line-height. Why not use a general bulleted list? Easier to read than the |-separator.
the !important is definitely a no no imo.
i would try and stick to using one font size setting as well. dont mix 62.5% with ems. the only time i mix is i’ll set the body at small and then do percentages throughout the rest of the site. but even then you have to calculate whats added from the hierarchy and it can get complex if you have a big style sheet.
so go with ems, go with px, go with pt, go with small medium large or go with % but mixing them up always causes problems imo.
ems are the best i think just bc you can get so detailed with them. 1 em or 1.35 or 1.5 or .12 so on and so forth.