nicht angemeldet
Hallo,
ich habe folgenden Code geschrieben, um eine Menüleiste mit CSS darzustellen. IE zeigt alles korrekt an, NS 7, Mozilla und Opera schaffen es nicht die Hintergrundbilder der jeweiligen Tabellenzelle darzustellen. Die Textformatierungen werden problemlos umgesetzt. Mache ich irgendetwas falsch? Oder gibt es dafür eine andere Lösung?
html-Seite
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TITEL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="beispiel.css" rel="stylesheet" type="text/css">
</head>
<body>
<table cols=2 width=100% height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table cols="3" width="200" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<!-- Mindesthöhe mit transparenten Bitmap festlegen -->
<td width="10"><img src="images/space.gif" width="10" height="480" border="0"></td>
<td width="180" class="menu" valign="top">
<!-- MENU -->
<table cols="1" width="180" height="300" border="0" cellspacing="0" cellpadding="0">
<tr><td height="100" nowrap></td></tr>
<tr><td align="center" valign="middle" nowrap class="menuItemSelected">Home</td></tr>
<tr><td align="center" valign="middle" nowrap class="menuItemDefault"><a href="#">Wir über uns</a></td></tr>
<tr><td align="center" valign="middle" nowrap class="menuItemDefault"><a href="#">Produkte</a></td></tr>
<tr><td align="center" valign="middle" nowrap class="menuItemDefault"><a href="#">Service</a></td></tr>
<tr><td align="center" valign="middle" nowrap class="menuItemDefault"><a href="#">Kontakt</a></td></tr>
</table>
</td>
<td width="10"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
beispiel.css - Datei
.menuItemDefault
{
background-image: url(images/mi_def.png);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
height: 25px;
width: 155px;
text-decoration:none;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.menuItemSelected
{
background: url(images/mi_sel.png);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
height: 25px;
width: 155px;
text-decoration:none;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
Vielen Dank und Gruß,
Carlo