• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Mal wieder CSS-Problem mit IE... :-(

LeGato

New member
Hallo allerseits,

alles ist wie immer: alle Browser machen, was ich ihnen sage, nur der IE schießt quer... Hier mein Problem:

Mein HTML sieht wie folgt aus:

HTML:
<div id="testlink">
    <a href="#">
        <span id="head">Dies ist die Überschrift</span>
        <br>
        Dies ist der Text des Link-Kastens. Noch ein wenig Lorem ipsum dolor sit  amet...
    </a>
</div>


das dazu passende CSS:

#testlink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#head {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: gray;
}
#testlink a:link, #testlink a:visited {
text-decoration: none;
color: black;
}
#testlink a:link head, #testlink a:visited head {
text-decoration: none;
}
#testlink a:hover #head {
color: red;
}


Ergebnis: Bei allen Browsern färbt sich die Überschrift rot, sobald man mit der Maus über den Link kommt. Bei allen Browsern? Nein! Ein kleiner uns allen wohlbekannter Browser hört nicht auf, dem CSS Widerstand zu leisten...

Beim IE wird die Überschrift erst rot, wenn ich klicke... hover interessiert den nicht.

Wer weiss, was ich falsch mache? Und wie behebe ich das Problem?

Vielen Dank erst mal vorab!

LeGato
 
Also, jetzt klappt das mit dem hovern auch im IE,
aber nicht mehr bei der Überschrift, sondern beim Text ( :confused: ).
Schau nochmal nach...
Ich bin irgendwie mit meinem Latein am Ende.
Code:
<html>
<head>
<title>xxx</title>
<style type="text/css">
#testlink
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}
#head
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#000;
}
#head a:link, #head a:visited
{
color:#000;
text-decoration:none;
}
#testlink a:link, #testlink a:visited
{
color:#000;
text-decoration:none;
}
#testlink a:hover, #head a:hover
{
color:#ff0000;
text-decoration:none;
}
</style>
</head>
<body>
<div id="testlink">
<a href="#"><span id="head">Dies ist die Überschrift</span><br>
Dies ist der Text des Link-Kastens. Noch ein wenig Lorem ipsum dolor sit  amet...</a>
</div>
</body>
</html>
 
kann es sein das du irgendwo im Style a:hover anders definiert hast? wenn ja übernimmt der ie diese Einstellungen statt der speziellen Klasse. Hatte ich auch mal, hab ne Ewigkeit gesucht bis ich das raus hatte
 
Zurück
Oben