Stylesheets - Re: how do I implement font size using ems so that they can resize

Author

Re: how do I implement font size using ems so that they can resize

Andreas Prilop

2006-04-19, 6:44 pm

On 19 Apr 2006 newspost2000@yahoo.com wrote:

> http://www.htmldog.com/articles/elasticdesign/demo/
> I found this wonderful site

| Content-Type: text/html; charset=UTF-8
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

Clueless!

> Big question... how do I implement font size using ems so that they can
> resize in ie 6 on a pc?

Do not specify a font size for your main text!

Johannes Koch

2006-04-19, 6:44 pm

frederick@southernskies.co.uk wrote:
[color=darkred]
> Interesting. I'm getting application/xhtml+xml with Firefox.

And I'm getting application/xhtml+xml, too, even when I prefer text/html
(Accept: application/xhtml+xml;q=0.9, text/html;q=1.0). Even more clueless.
--
Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)

Felix Miata

2006-04-20, 7:25 pm

On 06/04/19 12:26 (GMT-0400) newspost2000@yahoo.com apparently typed:

> http://www.htmldog.com/articles/elasticdesign/demo/

> I found this wonderful site the demonstrates how you cannnot resize
> text formated using styles in ie 6 if you specify font size using pt
> units but you can if you specify font size using em. So guess what...
> I tried it and it on my site did not work!

> All I did was the following...

> I changed my font propery from this

> .body { font-size: 10pt }

>To this

> .body { font-size: 1.2ems }

Very interesting change. On my computers, 1.2em is 14.4pt. Why would you
in switching from pt to em to size text change from undersized text to
oversized text for your .body class? 12pt is the closest estimate of a
physical size for medium you'll find -
http://mrmazda.no-ip.com/auth/bigde...l#sizeresources - but you
can't actually assume medium is any size in particular, which is another
reason to not size text in pt.

P.S. - It didn't work for probably 2 reasons:

1-font-size: 1.2ems is invalid CSS. Check with the CSS validator before
asking for help next time.

2-'.body' is a class, as opposed to 'body', which applies to your entire
page. If you had no class="body" in your markup, then neither of your
above rules would have had anything to apply to.

As you're sure to have seen elsewhere in the thread, it's best to
exercise restraint in sizing web page text, as some size you deem
appropriate stands a good chance of having no useful relationship to the
size your visitor wishes or requires. Here's a checklist you can use to
measure your restraint:
http://mrmazda.no-ip.com/auth/userdefaultbased.html
--
"Have nothing to do with the fruitless deeds of darkness, but
rather expose them." Ephesians 5:11 NIV

Team OS/2 ** Reg. Linux User #211409

Felix Miata *** http://mrmazda.no-ip.com/auth/auth