infobox funktioniert mit IE6 nicht

Status
Nicht offen für weitere Antworten.

Nabi

Erfahrenes Mitglied
hallo ,
in folgenden code möchte ich ein info-box zeigen
hier ist der HTML code :
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="info.css">
<title>Flashtest1</title>
</head>
<body bgcolor="#dddddd">
<div id="navi">
<a href="#">Test<span class="showcase">
hallo
</span>
</a>
</div>
</body>
</html>

und hier ist das CSS Dokument :
Code:
#menu {

}

#navi {
margin-top:18px;
margin-left:30px
}

#navi a{
display:inline;
font: bold 16px Arial, Helvetica, sans-serif;
text-decoration: none;
}

#navi a {
display:inline;
background:none;
}

#navi a:hover{
background:none;
}

#navi a .showcase {
display: none;
}

#navi a:hover .showcase {
display: block;
width:100px;
height:100px;
margin-left:200px;
border:1px solid red;
}

es funktioniert ok mit IE7 und Mozilla Firefox und Opera aber mit IE6 nicht , die frage ist was soll bei CSS dokument geändert werden damit auch mit IE6 funktionieren kann.

Vielen dank in voraus
 
Hi,

entweder gibst du hier anstelle von none einen Farbwert an:

Code:
#navi a:hover{
background:#ddd; /* entspricht der Seitenhintergrundfarbe */
}
oder du verwendest diese Regel:

Code:
#navi a:hover{
border:none;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück