text too small in Firefox

Hi there,

I've noticed that with all the sites I've created with NOF, that they
display fine in Internet Explorer, but in Firefox and Safari the text
appears far too small.
Any ideas how to rectify this? (an example is www.relaxforhealth.net)

Many thanks

Martin

You've got it the other way around. Actually, IE rendering of text is too
big.

In this age of really big and really small displays, try using scalable
fonts in percentages, ems or Xs instead of pixels. Establish a base level
in your Body CSS with a font-size: 100%. This is the value upon which all
other font-sizes will be based. Therefore, 1em will be about 16px.

BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

P {
font-size: 1em;
}

H1 {
font-size: 1.80em;
}

Finally, make sure testing browsers are all set to normal or medium
text-size.

--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com


"martin" <martin@pettipher-young.co.uk> wrote in message
news:A921.1223417821.8@gfwebforum.com...
> Hi there,
>
> I've noticed that with all the sites I've created with NOF, that they
> display fine in Internet Explorer, but in Firefox and Safari the text
> appears far too small.
> Any ideas how to rectify this? (an example is www.relaxforhealth.net)
>
> Many thanks
>
> Martin
>
>
>

Hi Nancy,

I have in fact been using the +/- option for all my fonts, as I was given to

understand that this was the only way to ensure that IE would then allow

the end user to alter the font size in their browser (I know the user can't

do this if I use px). I've not tried the other options at all, so will have

a play now based on your suggestions.

Thanks, as ever, for you helpful advice.

Martin

"Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
news:gcgqi9$i9o5@flsun90netnews01.netobjects.com.. .
> You've got it the other way around. Actually, IE rendering of text is too
> big.
>
> In this age of really big and really small displays, try using scalable
> fonts in percentages, ems or Xs instead of pixels. Establish a base level
> in your Body CSS with a font-size: 100%. This is the value upon which all
> other font-sizes will be based. Therefore, 1em will be about 16px.
>
> BODY {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 100%;
> }
>
> P {
> font-size: 1em;
> }
>
> H1 {
> font-size: 1.80em;
> }
>
> Finally, make sure testing browsers are all set to normal or medium
> text-size.
>
> --Nancy O.
> Alt-Web Design & Publishing
> www.alt-web.com
>
>
> "martin" <martin@pettipher-young.co.uk> wrote in message
> news:A921.1223417821.8@gfwebforum.com...
>> Hi there,
>>
>> I've noticed that with all the sites I've created with NOF, that they
>> display fine in Internet Explorer, but in Firefox and Safari the text
>> appears far too small.
>> Any ideas how to rectify this? (an example is www.relaxforhealth.net)
>>
>> Many thanks
>>
>> Martin
>>
>>
>>
>
>
>

Hi Martin, Your CSS says something different. Go into Style View to have a
closer look. It appears your style sheet is using 12px fonts for just about
everything. If you are attempting to override this default with inline
styles and x-small text using the text formatting box in design view, then
your code is unnecessarily bloated and may be confusing to some browsers.
Best practices are to let CSS handle sitewide styling. Keep the html as
clean as possible.

HTH,

Nancy O.
www.alt-web.com/Tutorials/
NOF Tips & Tutorials

"martin" <martin@pettipher-young.co.uk> wrote in message
news:A921.1223650924.15@gfwebforum.com...
> Hi Nancy,
>
> I have in fact been using the +/- option for all my fonts, as I was given
to
>
> understand that this was the only way to ensure that IE would then allow
>
> the end user to alter the font size in their browser (I know the user
can't
>
> do this if I use px). I've not tried the other options at all, so will
have
>
> a play now based on your suggestions.
>
> Thanks, as ever, for you helpful advice.
>
> Martin
>
> "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
> news:gcgqi9$i9o5@flsun90netnews01.netobjects.com.. .
> > You've got it the other way around. Actually, IE rendering of text is
too
> > big.
> >
> > In this age of really big and really small displays, try using scalable
> > fonts in percentages, ems or Xs instead of pixels. Establish a base
level
> > in your Body CSS with a font-size: 100%. This is the value upon which
all
> > other font-sizes will be based. Therefore, 1em will be about 16px.
> >
> > BODY {
> > font-family: Verdana, Arial, Helvetica, sans-serif;
> > font-size: 100%;
> > }
> >
> > P {
> > font-size: 1em;
> > }
> >
> > H1 {
> > font-size: 1.80em;
> > }
> >
> > Finally, make sure testing browsers are all set to normal or medium
> > text-size.
> >
> > --Nancy O.
> > Alt-Web Design & Publishing
> > www.alt-web.com
> >
> >
> > "martin" <martin@pettipher-young.co.uk> wrote in message
> > news:A921.1223417821.8@gfwebforum.com...
> >> Hi there,
> >>
> >> I've noticed that with all the sites I've created with NOF, that they
> >> display fine in Internet Explorer, but in Firefox and Safari the text
> >> appears far too small.
> >> Any ideas how to rectify this? (an example is www.relaxforhealth.net)
> >>
> >> Many thanks
> >>
> >> Martin
> >>
> >>
> >>
> >
> >
> >
>
>
>

Thanks Nancy,

That makes sense to me now (you can tell I'm very green on this, just sort
of stumbling my way through a lot of the time!). I've put everything into %
in style view and gone back through all the other boxes where i had moved
away from the 'Automatic' setting, and it seems like it has solved the
problem on the pages I tested. I've got some rebuilding to do on the site
over the next week, so will try to get it all sorted then.

Thanks once again, you've been most helpful

Martin

www.consciousnessdesigns.com


"Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
news:gco1sh$fm85@flsun90netnews01.netobjects.com.. .
> Hi Martin, Your CSS says something different. Go into Style View to have
> a
> closer look. It appears your style sheet is using 12px fonts for just
> about
> everything. If you are attempting to override this default with inline
> styles and x-small text using the text formatting box in design view, then
> your code is unnecessarily bloated and may be confusing to some browsers.
> Best practices are to let CSS handle sitewide styling. Keep the html as
> clean as possible.
>
> HTH,
>
> Nancy O.
> www.alt-web.com/Tutorials/
> NOF Tips & Tutorials
>
> "martin" <martin@pettipher-young.co.uk> wrote in message
> news:A921.1223650924.15@gfwebforum.com...
>> Hi Nancy,
>>
>> I have in fact been using the +/- option for all my fonts, as I was given
> to
>>
>> understand that this was the only way to ensure that IE would then allow
>>
>> the end user to alter the font size in their browser (I know the user
> can't
>>
>> do this if I use px). I've not tried the other options at all, so will
> have
>>
>> a play now based on your suggestions.
>>
>> Thanks, as ever, for you helpful advice.
>>
>> Martin
>>
>> "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
>> news:gcgqi9$i9o5@flsun90netnews01.netobjects.com.. .
>> > You've got it the other way around. Actually, IE rendering of text is
> too
>> > big.
>> >
>> > In this age of really big and really small displays, try using scalable
>> > fonts in percentages, ems or Xs instead of pixels. Establish a base
> level
>> > in your Body CSS with a font-size: 100%. This is the value upon which
> all
>> > other font-sizes will be based. Therefore, 1em will be about 16px.
>> >
>> > BODY {
>> > font-family: Verdana, Arial, Helvetica, sans-serif;
>> > font-size: 100%;
>> > }
>> >
>> > P {
>> > font-size: 1em;
>> > }
>> >
>> > H1 {
>> > font-size: 1.80em;
>> > }
>> >
>> > Finally, make sure testing browsers are all set to normal or medium
>> > text-size.
>> >
>> > --Nancy O.
>> > Alt-Web Design & Publishing
>> > www.alt-web.com
>> >
>> >
>> > "martin" <martin@pettipher-young.co.uk> wrote in message
>> > news:A921.1223417821.8@gfwebforum.com...
>> >> Hi there,
>> >>
>> >> I've noticed that with all the sites I've created with NOF, that they
>> >> display fine in Internet Explorer, but in Firefox and Safari the text
>> >> appears far too small.
>> >> Any ideas how to rectify this? (an example is www.relaxforhealth.net)
>> >>
>> >> Many thanks
>> >>
>> >> Martin
>> >>
>> >>
>> >>
>> >
>> >
>> >
>>
>>
>>
>
>
>