> -3-
>
> Font-sizing: Hardest to leave behind are my pixel-based fonts. :\ There
> is a large difference between IE and Firefox, which I've slapped a
> band-aid on for now... that Opera isn't happy with.
>
> I've read about many people's preferences on this, but could use a lot
> more. Opinions on the best way to make them relatively the same
> cross-browser?
>
One thing immediately stands out: you are declaring a font-size of 85% on
the body. As the standard browser font size is 16 pixels, and 85% of 16 is
13.6, you're starting from a baseline of 13.6 pixels. As you can't have
fractions of a pixel, you're pretty much bound to run into rounding errors
and so forth later on.
If you want to use a base font size of 14 pixels, which is nearest to what
you have currently, then use a font size of 87.5%. (Alternatively, if you
were going for 13 pixels, use 81.25%.)
I personally find it useful to specify a font size of 62.5% on the body,
giving me a default size for 1em of 10 pixels. If I then want a heading at
14 pixels, I can specify 1.4em.
One thing to bear in mind is that, if you specify things like padding and
margins in ems (to make the page scale correctly when the user increases
their font size), the em-size is that of the element to which said spacing
is applied. So, if you have:
body {
font-size: 62.5%; /* makes 1em = 10px */
}
h1 {
font-size: 1.4em; /* sets h1 to 14px */
margin: 1em;
}
then the h1 will have margins of 14 pixels, not 10. Personally, I find
having the 10px base size so useful in specifying the structure of the
page that I don't mind reaching for the calculator occasionally when
dealing with that kind of case, but YMMV :-)
HTH,
Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
