Hello Bruno,

thanks very much for that useful hint.

Meanwhile the font-family and the color are correct in IE 6. I will try tio
sort out the other issues you mentioned.

One other question: IE 6 still shows bullets in front of the list items. I
tried "list-style: none;" and "list-style-type: none;", but it doesn't work
in IE 6. Do you have any idea what causes the problem?

Best regards,

Christian Kirchhoff
Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza

-----Ursprüngliche Nachricht-----
Von: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Im Auftrag von Bruno Fassino
Gesendet: Freitag, 29. Juni 2007 22:52
An: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Betreff: Re: [css-d] IE6 doesn't use defined font-family, -weight,-color for
certain links

Christian Kirchhoff wrote:
> the following page has problems in IE 6, maybe older versions, too:
> http://wiki.zeno.org
>
> 1.: In IE 6 the links in the left menu are in the default font, with 
> the default color, and they become underlined on hover though all that 
> is modified in the CSS.

You have in this sheet
  index.php?title=MediaWiki:Monobook.css&usemsgcache=yes&action=raw&ctype=te
xt/css&smaxage=18000
groups of selectors like
  div#p-navigation.portlet li a,
  div.portlet[id="p-Zeno.org"] li a,
  div#p-tb.portlet li a

IE 6 does not understand the second selector and seems to ignore the whole
rule including it.
(Note: IE 6 also has problems with selectors including both id and class,
this is called multiple #id.class bug and documented in the wiki, so I would
remove the ".portlet" part in the above, since it is probably redundant, but
this is not your actual problem...)

Of course you cannot immediately change the [id="p-Zeno.org"] with a normal
# selector because of the dot inside the id name. If you cannot change this
name, you can try to escape the dot, IE 6 seems to understand
div#p-Zeno\002Eorg in place of div[id="p-Zeno.org"]  ("." expressed as
unicode \002E, probably a simpler \.
also works, I'm not sure.)

All this accounts for the missing styles in your left bar.
Then there are other problems, as you have already noticed, that can
hopefully be fixed giving hasLayout to some elements. Both inline-block and
width that you have used are hasLayout triggers [1]. On your links is
probably better to avoid width:100% because they have a non zero right
margin and such width will cause further problems on their containers.
I haven't really looked further.

Hth,
Bruno

[1] www.satzansatz.de/cssd/onhavinglayout.html


--
Bruno Fassino http://www.brunildo.org/test

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to