Different font sizes in Explorer and Safari

Question

Hi there, before I go completely nuts can someone give me a
hand with figuring out how I can get my plain old body text to
display at the same size in both Explorer and Safari.
I am using a Mac myself, but when entering text at size 1, it
is displaying larger in Explorer (at about the size I want) and
very small in Safari (too small to be easily readable). I have done
some research and thought cascading style sheets might be the way
to go but I have also read that the some text problems occur when
using cascading style sheets.
I haven't bothered with them previously as there hasn't been
that much text to bother with them.
Has anyone got any tips, or has used CSS to fix this problem?
Regards,
Elle V
p.s. if you are using a mac, you can check out what I mean by
viewing www.homestylefinance.com.au/company.html in both browsers.
I would be interested in hearing from a PC user to see if they are
seeing the same thing.

Answer 1

You can define your text sizes in many different ways:
points, pixels, em,
percentages, etc.
I personally use a percentage to define my base font-size in
my style sheet,
and then declare different text sizes in em's for different
selectors. I'd
stay away from points (which it sounds like you're using them
- due to the
fact that cross-browser display varies). I'd also stay away
from pixels,
because IE users can not resize their browser text size.
My personal suggestion would be to use em's to declare your
font sizes. Here
is an example of something you could put in your CSS document
(which you'll
want to start using):
body { font-size: 100%; }
.text1 { font-size: .75em }
HTH, take care.
Shane H
[email protected]
http://www.avenuedesigners.com
=============================================
Proud GAWDS Member
http://www.gawds.org/showmember.php?memberid=1495
Delivering accessible websites to all ...
=============================================
"Elle V" <[email protected]> wrote in
message
news:e89ngu$ga6$[email protected]..
> Hi there, before I go completely nuts can someone give
me a hand with
> figuring
> out how I can get my plain old body text to display at
the same size in
> both
> Explorer and Safari.
>
> I am using a Mac myself, but when entering text at size
1, it is
> displaying
> larger in Explorer (at about the size I want) and very
small in Safari
> (too
> small to be easily readable). I have done some research
and thought
> cascasing
> style sheets might be the way to go but I have also read
that the some
> text
> problems occur when using cascading style sheets.
>
> I haven't bothered with them previously as there hasn't
been that much
> text to
> bother with them.
>
> Has anyone got any tips, or has used CSS to fix this
problem?
>
> Regards,
>
> Elle V
>
>