Hello Bruno, Many, many thanks for the time you took to answer my questions. I appreciate it very much.
I will implement the changes you suggested as soon as possible. I guess a couple of problems arise from the fact the I changed an existing CSS layout (Wiki's monobook), by modifiying certain rules or deleting or adding other ones. Anyway, I'll see what happens... Best regards, Christian 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: Bruno Fassino [mailto:[EMAIL PROTECTED] Gesendet: Freitag, 13. Juli 2007 23:21 An: [EMAIL PROTECTED]; css-d@lists.css-discuss.org Betreff: RE: [css-d] IE6 seems to ignore list-style-type: none Christian Kirchhoff wrote: > 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? > > http://wiki.zeno.org Well, that's strange especially because it only happens to the first list and not to the following ones. The difference between them is that in the first one you applied 'hasLayout' to your links and indeed this seems the trigger of the problem. Don't know why, but saying explicitly: .portlet ul { list-style-image: none; } fixes the problem. Then you remain with a couple of different problems in the lists in IE6: The first one has some cropped text (due to hasLayout and negative text-indent), the others have extra space under each list items (the IE list white space problem.) I would do the following, in your IE60fixes.css. Change: #p-navigation a { display: inline-block; width: 100%; } into: .portlet li a { display: inline-block; } to remove the width (which makes the links too wide), and to apply 'hasLayout' to all links, not only to those in the first list (to remove the extra space.) Then add: .portlet li a { margin-left: 0 !important; padding: 0 0.6em !important; } .portlet li { padding-right: 0 !important; } .portlet li a:hover { background: #ccc8c1; } .portlet ul { zoom: 1; } These should fix the cropped text (giving to the links some left padding) and give you the missing hover effect (you applied it to the li, which is not supported by IE6.) Finally the 'zoom' gives hasLayout to the lists to fix some instability. I've only checked very quickly, so test carefully. I guess that IE5.x (if you need to support it) has problems as well, but I haven't tested. Hth, Bruno -- 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/
