font-style/IE problem...

[maya]

hi,

http://www.mayacove.com/design/sd/test.html

pls look @ this page in IE (6 or 7)

the font for the two sections in bottom of page (under headlines "Our
Expo") appears differently from font in rest of page.. only in IE.. FF
is displaying all fonts consistently... HTML and CSS both in above
url.. (checked both CSS and HTML, they both validate.. doctype I have
in there is doctype we use at work..)

thank you very much..

[dorayme]

Re: font-style/IE problem...

In article <48188c63$1@new s.x-privat.org>, maya <maya778899@yah oo.com>
wrote:

hi,
>

http://www.mayacove.com/design/sd/test.html

>
pls look @ this page in IE (6 or 7)
>
the font for..

Don't use px for font-size. Use % or em

You sure about stuff like:

..sp {font-size:1px; line-height:1px } ?

--
dorayme

[Jukka K. Korpela]

Re: font-style/IE problem...

Scripsit maya:

http://www.mayacove.com/design/sd/test.html

- -

the font for the two sections in bottom of page (under headlines "Our
Expo") appears differently from font in rest of page.. only in IE..

Looks like a bug in IE in dealing with class attributes containing
several class names. You have elements with attributes like
class="contentL eft copy"
and the selector .copy should of course refer to such elements, too.
Some early browsers got this wrong, though, and now it seems that in
some cases, IE (even IE 7 in "standards mode") gets it wrong, too. This
is _bad_ news...

However, on a closer look, it seems to me that it's just the
letter-spacing property that doesn't get applied. Yet it _is_ applied if
you change the attribute to class="contentL eft". It is also applied if
you just change
..contentLeft {float:left; width:305px;}
to a dummy rule
..contentLeft { }
(but removing just _one_ of the declarations does not help).

I'm not sure of the idea of the "copy" class (which seems to be meant to
apply to everything). Anyway, a simple though dull workaround is to
replace constructs like

<div class="contentL eft copy">
...
</div>

by

<div class="contentL eft">
<div class="copy">
...
</div>
</div>

--
Jukka K. Korpela ("Yucca")

http://www.cs.tut.fi/~jkorpela/