Hallo Leute!

Ich habe folgendes Problem das es im IE 8 gibt (und vermutlich auch bei älteren IE-Versionen). Wenn ich über einen Link drüber fahre zeigt mir der Link die richtige Farbe, jedoch zeigt der IE nachdem man den Link besucht hat diesen nicht mehr in der Farbe von a:hover sondern von a:visited und das ist leider in meinem Fall extrem störend.

Firefox hingegen nimmt für den Text nachwievor wieder die Farbe von a:hover an auch wenn man den Link bereits besucht hat.

Ich hoffe ihr könnt mir weiter helfen und weiters wäre es mir ein großes Anliegen wenn ihr mal mit dem IE 7 diese Seite besuchen könntet, da ich nicht weiß ob diese korrekt dargestellt wird. Ich habe nicht die notwendige Zeit das heute noch zu kontrollieren.

Hier noch der Ausschnitt der CSS Datei:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

/* GLOBAL DEFINITIONS  */   a { } a:link { font-weight: bold; color:#333333; } a:hover { } a:active { } a:visited { }   /* HEADER / NAVIGATION  */   #hd { color:#FFF; height: 80px; background:url(../images/head-bg.gif) repeat-x; }   #hd-nav { font-family: Arial, Helvetica, sans-serif; float: left; list-style: none; margin-left: 40px; }   #hd-nav li {x height: 70px; float: left; } #hd-nav li a#activelink { background:url(../images/nav-active.gif) repeat-x; color: #38302b; }     #hd-nav li a { display: block; height: 35px; text-decoration: none; padding: 35px 10px 0px 10px; }   #hd-nav li a:link { color: #b1a695; } #hd-nav li a:hover { background: url(../images/nav-active.gif) repeat-x; color:#38302b; } #hd-nav li a:active { background: url(../images/nav-active.gif) repeat-x; color:#38302b; } #hd-nav li a:visited { color: #b1a695; }

Mit besten Grüßen
floppy

Hi,

das dürfte an der falschen Reihenfolge der Pseudoklassen für Verweise liegen, die in der richtigen Reihenfolge so benannt werden:

Code css:

1 2 3 4

a:link { } a:visited { } a:hover { } a:active { }

Siehe auch http://de.selfhtml.org/css/eigenscha...s_hover_active

Desweiteren lassen sich Selektoren mit gleicher Formatierung auch gruppieren:

Code css:

1 2	#hd-nav li a:link, #hd-nav li a:visited { color: #b1a695; } #hd-nav li a:hover, #hd-nav li a:active { background: url(../images/nav-active.gif) repeat-x; color:#38302b; }

Zitat von mR.fLopPy

[...] weiters wäre es mir ein großes Anliegen wenn ihr mal mit dem IE 7 diese Seite besuchen könntet, da ich nicht weiß ob diese korrekt dargestellt wird. Ich habe nicht die notwendige Zeit das heute noch zu kontrollieren.

Welche Seite? Kannst du bitte mal den Link zur ihr nennen?

mfg Maik

IETester hilft.

Zitat von Avorin

IETester hilft.

Ah ja... nur wenn er doch keine Zeit zum Kontrollieren hat, hilft der da auch nicht

mfg Maik

Ich mein ja nur, mit IETester brauch ich für so was... weis nicht..., nich lange jedenfalls....
aber wenn er keinen Link schickt kann man ihm halt nicht helfen...

Zitat von Avorin

aber wenn er keinen Link schickt kann man ihm halt nicht helfen...

Mußt du auch nicht

Den Link hat er wohl vorhin in der Eile vergessen, und wird ihn sicherlich nachreichen, nachdem ich ihn freundlich danach gefragt habe. Und ich werde ihm dann beim Kontrollgang behilflich sein.

mfg Maik

Gaaannz entspannt Maik, ich will ihm doch auch helfen, wollte es ja nur nochmal sagen.

Gruß

Mag schon sein, aber der Ton macht noch immer die Musik.

Zitat von Avorin

IETester hilft.

Zitat von Avorin

aber wenn er keinen Link schickt kann man ihm halt nicht helfen...

mfg Maik

Den Link hab ich in der Eile vergessen zu posten, mein Fehler.

Hier: http://www.explo.at/fachtagung

Und danke für den Tipp Maik, ich werde es gleich mal neu anordnen und ausprobieren.

IE7 stellt die Seite so dar, wie die Browser der Konkurrenz

mfg Maik

Tausend Dank und durch die Neuanordnung funktioniert es im IE jetzt auch. *freu*

Beste Grüße!

Falls du bei der Entwicklung den IE6 berücksichtigen möchtest, solltest du zwecks der oberen Navigation nochmal Hand anlegen, und diese um float:left ergänzte Regel nutzen, damit die Links von ihm nicht untereinander angeordnet werden:

Code css:

1	#hd-nav li a { display: block; float: left; height: 35px; text-decoration: none; padding: 35px 10px 0px 10px; }

mfg Maik

Super!

Ich hab das float noch ergänzt. Ich dachte der IE6 würde mehr Probleme bereiten deswegen wollte ich nur 7 und 8 zunächst berücksichtigen.