On Thu, 26 May 2005 17:30:10 -0400, Mike Davies
<[EMAIL PROTECTED]> wrote:
Hi all,
I would like to know if it is possible to set the base font size using
css so that the text is rendered the same size by all browsers and is
still resizeable, ie not defined in pixels.
I understand that the default font size used by different browsers
varies. I usually set the font size in the body tag using ems but the
size as rendered by the browsers is different so the look of the page is
different. I generally use Opera to view my pages while I'm designing
then view in Firefox and IE to check. Usually the text is larger in both
the latter.
I don't want to set the size in pixels, so it is resizeable. How can I
ensure the same size in various browsers? Appreciate any comments.
Regards,
Mike
It may *not* be a good idea to set em on the body as it causes a font
re-sizing bug in IE. There are many methods that can be used. One is to
set percent on the body followed by em's on the selectors, or percent on
the body and selectors as well. Some people use 100.01% on the body(.01 to
cover an Opera rounding error), followed by em's or percent on the
selectors. And some feed percent on the body to IE; and pixels on the
body to good browsers. Whatever method is used, it's not a good idea to
use pixels for line-height. There is a wealth of info on the css-d wiki
regarding font sizing. In the end it comes down to personal preference;
and, more important, will what is set on the body zoom in IE and yield say
a 200% content text zoom in good browsers(FF/Opera/Safari) without
breaking the layout.
Regards,
David Laakso
--
http://www.dlaakso.com/
______________________________________________________________________
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/
