setting different font sizes

I thought this would be easy but I'm stuck :-(

With CSS, I have the body set to font-size: .9em; and for a footer div, I
have the font-size: .8em;.
But the footer and every other location where I've tried to set the font
other than the body size inherits the body font size instead.
If I use px instead of em, it works fine. Am I missing something with em?

Tks

Lossed wrote:

I thought this would be easy but I'm stuck :-(

With CSS, I have the body set to font-size: .9em; and for a footer div, I
have the font-size: .8em;.
But the footer and every other location where I've tried to set the font
other than the body size inherits the body font size instead.
If I use px instead of em, it works fine. Am I missing something with em?

Tks

The footer should get its own font size, regardless of the body's
parameters.
But *where* is the similarity showing? IN DW or in preview in a browser?
If the latter, you might have the browser preferences set to show
nothing smaller than a certain size. Which browser is it?
If not, can you show the code and styles? Or better: an URL?

--
Dan Vendel - *GOF*
"Eagles may soar, free and proud, but weasels never get sucked into jet
engines."
Contact: http://www.proformica.com/contact.shtml
Call or chat me via Skype ID: danvendel, but DON'T ask questions that
you can ask here! (get Skype at http://skype.com)

Tks Dan,

Issue is in browsers- both IE and FF on PC. That's all I have to test these
pages.
Can get the text size down to illegible sizes so it's not a setting in the
browser restricting the text sizes.

But I just figured it out. The font size applying to the body{} was actually
going to html, body{} and not just body{}. When I take it out of the html,
body{}styles and only use in the body{}s style it works fine. Interstingly,
I can use a font size in html, body{} as long as it is px, without it
affecting other px sizes on other elements. If it is em in the html, body {}
then everything is locked into that size. So that's a bit strange to me.

cheers,
lossed

"Dan Vendel *GOF*" <see_my_signature_ (AT) _the_bottom_of_the_po (DOT) st> wrote in
message news:co6m73$all$5 (AT) forums (DOT) macromedia.com...

Lossed wrote:

I thought this would be easy but I'm stuck :-(

With CSS, I have the body set to font-size: .9em; and for a footer div,
I have the font-size: .8em;.
But the footer and every other location where I've tried to set the font
other than the body size inherits the body font size instead.
If I use px instead of em, it works fine. Am I missing something with em?

Tks

The footer should get its own font size, regardless of the body's
parameters.
But *where* is the similarity showing? IN DW or in preview in a browser?
If the latter, you might have the browser preferences set to show nothing
smaller than a certain size. Which browser is it?
If not, can you show the code and styles? Or better: an URL?

--
Dan Vendel - *GOF*
"Eagles may soar, free and proud, but weasels never get sucked into jet
engines."
Contact: http://www.proformica.com/contact.shtml
Call or chat me via Skype ID: danvendel, but DON'T ask questions that you
can ask here! (get Skype at http://skype.com)

Hi

Dump the ems and use %.

Set a default % on the body and then scale your text off that.

body {
font-size: 100.01%;
}

#footer p {
font-size: 70%;
}

#content p {
font-size: 80%;
}


--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------

.oO(jojo)

Dump the ems and use %.

Set a default % on the body and then scale your text off that.

There's no difference between % and em for font-size (except for browser
bugs).

#content p {
font-size: 80%;
}

Why 80%? What's wrong with the user's default size (100%)?

Micha

Michael Fesser wrote:

.oO(jojo)


Dump the ems and use %.

Set a default % on the body and then scale your text off that.


There's no difference between % and em for font-size (except for browser
bugs).

If you define your base size in % and use ems from there on in you're
fine. The bugs - to the best of my knowledge - are triggered when ems
are set as the default unit and then ems are used to scale off that.

#content p {
font-size: 80%;
}


Why 80%? What's wrong with the user's default size (100%)?

Personal preference, I think the text presents better at 80% than 100%.
It's my page, not their's, if they want to increase font size then I
allow them to do so, they have a choice.

--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------

.oO(jojo)

Michael Fesser wrote:

Why 80%? What's wrong with the user's default size (100%)?

Personal preference, I think the text presents better at 80% than 100%.
It's my page, not their's,

It's your page, but you want _them_ to read it.

if they want to increase font size then I
allow them to do so, they have a choice.

Decreasing the font-size is often done when Verdana is used, because
this font usually looks too big in the designer's eye. Problems start
when there's no Verdana font available on the visitor's machine and the
browser uses another standard font. 80% might become unreadable then.

Sure the visitor can increase the font-size, but he can also simply
leave sites that are unreadable with his preferred settings.

Micha

Michael Fesser wrote:

Sure the visitor can increase the font-size, but he can also simply
leave sites that are unreadable with his preferred settings.

Like I said, they have a choice.

There are more variables when designing a web site than you get matches
in a box. You need to do what you are comfortable with and provide
options for the user.

--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------

Why 80%? What's wrong with the user's default size (100%)?

My understanding is that the percentage is not based on the user but the
font source. No?

As for readability issues, most people who have difficulty reading have the
rez set to 800x600, and even 80% font size looks pretty big at that rez.

fwiw

tim

Tim Gallant wrote:

My understanding is that the percentage is not based on the user but the
font source. No?

That is how I understand it to be.

As for readability issues, most people who have difficulty reading have the
rez set to 800x600, and even 80% font size looks pretty big at that rez.

I would agree also, if I have difficulty reading I would likely have my
browser set to show me web pages in the manner that best suits me.
Having said that not every one or knows how, so for those people I
provide an option.


--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------