WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: RE: Relative vs. absolute units

for

Number of posts in this thread: 2 (In chronological order)

From: julian.rickards
Date: Tue, Jan 07 2003 9:45AM
Subject: RE: Relative vs. absolute units
No previous message | Next message →

Despite the fact that the bytowninternet.com example you gave is quite an
eye-opener, it raises the question, how does one measure in ems or convert
from Photoshop pixels to HTML ems?

Jules

>

From: John Foliot - bytown internet
Date: Tue, Mar 04 2003 2:39PM
Subject: RE: Relative vs. absolute units
← Previous message | No next message

Julian,

sorry for not responding earlier... this one slipped through the cracks and
was only discovered during regular maintenance...

*Under normal circumstances* an em is 16px. I say normal, as this is based
on the fact that the end user generally does not change their default font
size. In IE, the only way to do that is to change the default font size
through the OS properties dialogue (Desktop>> right click>>> properties).
In Netscape this measurement can be changed via the Edit>> Preferences
dialogue within the browser. If you have either version 6 or 7 installed
and check, you will see that the default font is actually set to a pixel
size, and not the older point size (which was what NN 4 used). Note, this
doesn't work in NN4, as that browser doesn't know what an "em" is. However,
like all unknowns, if the browser does not know what "it" is it ignores
"it"; technically, those images in NN4 would not have declared Height and
Width attributes, or at least none that had any real meaning to the browser.

Now should a user go in and change their default font size to something
larger, then the image will scale larger - proportionate to the font size
still, but again, you will experience a slight degradation of image quality.
For this reason I tend to restrict it to "mission critical" imagery - icons,
text buttons, etc., whereas photos, "design" imagery, etc. I still size in
pixels. It's not a perfect solution, but a stab in the (I hope) right
direction.

cheers!

JF

>