IE6 Bug mit Linkfarben?

ChOpSueY! · #1 (**permalink**) 04.01.2008, 06:02

Halli Hallo ich mal wieder,

ich hab folgendes Problem mit dem Menu auf meiner Seite:

Zitat:

ul.menu {
list-style-type:none;
width:919px;
position:relative;
display:block;
height:33px;
font-size:.9em;
background:url(img/bg.jpg) repeat-x top left;
font-family: Arial, Verdana, Helvetica, sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
color:#C0C0C0;
}

ul.menu li a {
float:left;
color:#C0C0C0;
text-decoration:none;
height:1.5em;
padding:0.5em 3em 0;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(img/bg.jpg) repeat-x top left;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}

Dieses Menu hat ja somit "color:#C0C0C0;" als Standart-Linkfarbe. Im Firefox ist mal wieder alles toll, der IE6 ignoriert aber komplett die Farbe und nimmt stattdessen die Default-Linkfarbe, die ich für die normalen Links auf der Seite gesetzt hab. Current für #fff macht der IE6 ohne probleme, die anderen links sind jedoch alle orange nu o_O

Ist da etwas falsch gemacht worden beim menu?

plastiko · #2 (**permalink**) 04.01.2008, 11:12

Ich würde versuchen mit
color:#C0C0C0 ! important;
der Sache auf den Grund zu gehen.

heiko_rs · #3 (**permalink**) 04.01.2008, 12:59

Also wird die Farbe der Regel

Code:

ul.menu li a {
float:left;
color:#C0C0C0;
text-decoration:none;
height:1.5em;
padding:0.5em 3em 0;
}

nicht angewandt? Das klingt nach Spezifität, aber poste mal einen Link, ohne den restlichen Code kann man nur raten.

Welchen Sinn haben die height-Deklarationen?

ChOpSueY! · #4 (**permalink**) 05.01.2008, 16:42

so hallo, ich hab jetzt nochmal jede menge rumversucht aber es scheint mir wirklich ein bug zu sein. das problem ist folgendes:

Wenn ein anderer die seite zum ersten mal besucht werden die Linkfarben im menü korrekt dargestellt. wenn man jetzt die links abklickt im IE6, ändern sich die farben einfach so irgendwann. hier mal der link zur seite:

Test

wie gesagt: ihr müsst nen paar mal auf die links klicken dann kommts irgendwann.

wäre schön wenn da irgendwer rat hat.

ne andere frage ist, wie ich es verhindern kann, dass mein menü bei größer eingestellter schriftgröße umbricht? die einzelnen bereiche einfach kleiner machen?

gruß martin

heiko_rs · #5 (**permalink**) 05.01.2008, 17:10

Die ungewünschte Farbe ist die von :visited Deiner normalen Links. Der IE hat einen Bug mit der Spezifität von Pseudoklassen.

Abhilfe: Entweder erhöhst Du die Spezifität des Navi-Links-Selektoren durch Erweiterung um eine ID (am besten gibst Du der Navi eh eine ID statt einer Klasse), oder Du gibst der Regel noch einen :visited-Selektor hinzu (per Komma).

ChOpSueY! · #6 (**permalink**) 05.01.2008, 18:30

klar und deutlich, nu funzt es. bleibt für mich nur noch die frage nach dem umklappen des menüs. bei nem kumpel bricht im opera der letzte link nach unten links weg, wenn ich das menu bis auf den letzten pixel über die breite ausrichte. wie kann man das verhindern?

EvT · #7 (**permalink**) 05.01.2008, 20:28

Chop, zumindest in deinem Online-Beispiel haben sich einige Fehler eingeschlichen:

Zitat:

Code:

ul.menu {...}
ul.menu li {...}

...

<div id="menu">
<li><a href="test.html">Link</a></li>
</div>

So schreibst du Regeln für eine <ul> mit der Klasse 'menu'. Im XHTML-Teil wird aber 'menu' für ein <div> mit einer ID 'menu' verwendet.

heiko_rs · #8 (**permalink**) 05.01.2008, 20:51

Stimmt, das div war vorhin noch ul (und da war's auch noch valide).

ChOpSueY! · #9 (**permalink**) 05.01.2008, 21:19

lol mist irgendwie steh ich grad aufm schlauch. wie soll ich das jetzt umschreiben?

heiko_rs · #10 (**permalink**) 05.01.2008, 21:28

Naja, halt ul statt div.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
IE6: 3px Bug in Paragraph	0xBAADFEED	(X)HTML	3	04.02.2011 16:47
Welcher IE6 Bug ist das? UL-Float bei LI mit "height"	martinpet	CSS	5	20.08.2009 10:21
Kennt jemand diesen IE6 Bug?	philipp	CSS	2	05.01.2008 19:47
IE6 und FF Darstellungsproblem! Bug?	Speedy19102000	CSS	27	14.12.2007 16:28
Welcher IE6 Bug is das schonwieder	mopmop	CSS	4	26.04.2007 16:20