skye estes wrote:
> creating designs that resize well goes a long way towards improving the
> accessibility of the web.
>
> i suggest setting a pixel font size for the body and using ems for your
> units of measurement thereafter.
Setting a pixel font-size for the body will prevent Internet Explorer
for Windows (version 6 and below) from resizing the text at all. Better
to use a percentage on the body, although your advice about then using
ems is sound.
Also worthy of note is that IE/Win only supports integer percentages, or
2 decimal places on ems, so for example, consider the following:
body {
font-size: 100%;
}
#wrapper {
font-size: 0.625em;
}
Assuming that the browsers have their "factory default" settings of 16px
(12pt on IE, which comes out equal to 16px), the above will give a 1em
size of 10px on Firefox, IE, Safari, etc (16 * 0.625).
However, on IE/Win, it will give a size of 9.92px (16 * 0.62).
This means that if you then specify something like
#someblock {
width: 30em;
}
then #someblock will be 300px wide on most browsers, but only 297px wide
on IE. (If I remember correctly; even if my figures are slightly off,
which depends on whether IE remains aware of the 0.92px, it's still
smaller than you would expect.)
Regards,
Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
