Frank: Probleme im IE mit Mouseover-Effekte

Beitrag lesen

Hi,

während die Beispiele für MouseOver-Effekte http://aktuell.de.selfhtml.org/artikel/css/mouseover/ im IE funktionieren, habe ich Probleme damit, wenn sie sich auf Tabellenzeilen beziehen.

Im Firefox funktioniert es, im IE6/IE7 nicht:

die CSS Datei:

  
tr.head { font-weight: bolder; background-color: silver }  
tr.odd { background-color: #eee }  
tr.odd:link    { color:black; background-color:#eee; }  
tr.odd:visited { color:black; background-color:#eee; }  
tr.odd:hover   { color:white; background-color:black; }  
tr.odd:active  { color:white; background-color:black; }  
tr.even { background-color: white }  
tr.even:link    { color:black; background-color:white; }  
tr.even:visited { color:black; background-color:white; }  
tr.even:hover   { color:white; background-color:black; }  
tr.even:active  { color:white; background-color:black; }  

Die Beispiel-html-Datei

  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  
<html>  
  
 <head>  
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">  
  <meta name="generator" content="Micodat AJAX Generator">  
  <title>Test</title>  
  <link title="Bildschirm" href="test.css" rel="stylesheet" media="screen">  
 </head>  
  
 <body bgcolor="#ffffff">  
     <table width="554" border="1" cellspacing="2" cellpadding="0" height="170" id="tab1">  
      <tr height="20" class="head">  
       <td width="64" height="20">BENR</td>  
       <td width="66" height="20" class="head">FENR</td>  
       <td width="68" height="20">PSNR</td>  
       <td width="269" height="20">PSTXT</td>  
       <td width="61" height="20"></td>  
      </tr>  
      <tr height="20" class="even">  
       <td width="64" height="20"></td>  
       <td width="66" height="20"></td>  
       <td width="68" height="20"></td>  
       <td width="269" height="20"></td>  
       <td width="61" height="20"></td>  
      </tr>  
      <tr height="20" class="odd">  
       <td width="64" height="20"></td>  
       <td width="66" height="20"></td>  
       <td width="68" height="20"></td>  
       <td width="269" height="20"></td>  
       <td width="61" height="20"></td>  
      </tr>  
      <tr height="20" class="even">  
       <td width="64" height="20"></td>  
       <td width="66" height="20"></td>  
       <td width="68" height="20"></td>  
       <td width="269" height="20"></td>  
       <td width="61" height="20"></td>  
      </tr>  
      <tr height="20" class="odd">  
       <td width="64" height="20"></td>  
       <td width="66" height="20"></td>  
       <td width="68" height="20"></td>  
       <td width="269" height="20"></td>  
       <td width="61" height="20"></td>  
      </tr>  
      <tr height="20" class="even">  
       <td width="64" height="20"></td>  
       <td width="66" height="20"></td>  
       <td width="68" height="20"></td>  
       <td width="269" height="20"></td>  
       <td width="61" height="20"></td>  
      </tr>  
      <tr height="20" class="odd">  
       <td width="64" height="20"></td>  
       <td width="66" height="20"></td>  
       <td width="68" height="20"></td>  
       <td width="269" height="20"></td>  
       <td width="61" height="20"></td>  
      </tr>  
     </table>  
 </body>  
  
</html>  
  
  

Habe ich noch einen Fehler drin oder liegt es am IE?

Ciao
Frank