Re: MSIE 6 widths

kchayka / 2004-07-21 06:40:

Brian wrote:
kchayka wrote:

The bug that causes weird em font scaling at different View->Text
Size settings also messes up widths set in em units.
[ a hint to set body text size to 100% ]
(b) Did you just know this, or did you test it and figure it out?

I ran into this myself some time ago. Since the problem involved em
units, font-size:100% seemed like a logical thing to try. Happily, it
worked.

It's worth noting that body { font-size: 100% } should do nothing
(body should already have normal font size!) but still it fixes many
relational font size bugs in MSIE/win32. Using body { font-size:
1.0em }, which is *the same thing* by definition, doesn't work.
Things you just need to know to be able to live with MSIE/win32.

Another nice trick is to add
* html .float { height: 1px; }
in case you have floated elements that seem to behave incorrectly.
Just add above rule and class="float" to a broken element. Note that
the asterisk (*) at the start of the selector is important: that
hides the rule from *correctly* behaving browsers.

A nice site to check is http://www.positioniseverything.net/ -- it
has most often encountered CSS positioning bugs clearly explained
and also provides fixes for those!

--
Mikko