fab1An: NN ( &Opera): Hintergrundbilder in Zellen fehlen teilweise

Beitrag lesen

Hallo Leute,
ich habe ein seltsames Problem: Die Seite, die ich bearbeite, besteht aus vielen verschachtelten Tabellen, das mal vorneweg, weil es sich nicht ändern lässt. Jetzt passiert folgendes: In Netscape werden in manchen Zellen die Hintergrundbilder angezeigt und in manchen nicht. Interessanterweise werden genau die Ecken angezeigt, die dazwischenliegenden langen Bereiche jedoch nicht (siehe Bild).
Zusammen soll das ganze ein abgerundetes, flaches Rechteck bilden, in dem dann Inhalt auftaucht.
Mittlerweile hab ich die einzelnen Hintergründe per CSS-Klassen definiert, aber auch vorher war das Ergebnis nicht besser (außer bei Opera, der manche per class definierte HG-Bilder noch nicht anzeigt, aber das ist erstmal egal, es geht jetzt hier um Netscape).

Kann mir mal jemand verraten, woran das wohl liegt?

Das CSS:

td.bgtlc {background-image: url(webImages/ressources/table/left_up_corner_5.gif);
background-repeat:no-repeat;
width:5px;
height:5px;}
td.bgtl {background-image: url(webImages/ressources/table/top_line_5.gif);
height:5px;}
td.bgtrc {background-image: url(webImages/ressources/table/right_up_corner_5.gif);
background-repeat:no-repeat;
width:5px;
height:5px;}
td.bgblc {background-image: url(webImages/ressources/table/left_low_corner_5.gif);
background-repeat:no-repeat;
width:5px;
height:5px;}
td.bgbl {background-image: url(webImages/ressources/table/bottom_line_5.gif);
height:5px;}
td.bgbrc {background-image: url(webImages/ressources/table/right_low_corner_5.gif);
background-repeat:no-repeat;
width:5px;
height:5px;}
td.bgll {background-image: url(webImages/ressources/table/left_line_5.gif);
width:5px;}
td.bgrl {background-image: url(webImages/ressources/table/right_line_5.gif);
width:5px;}

HTML:

<table border="0" cellspacing="0" cellpadding="0" width="770" bgcolor="#bfbfbf">
<tr>
<td class="bgtlc"><IMG height="5" src="webImages/transparent.gif" width="5">
</td>
<td class="bgtl"><IMG height="5" src="webImages/transparent.gif" width="5">
</td>
<td class="bgtrc"><IMG height="5" src="webImages/transparent.gif" width="5">
</td>
</tr>
<tr>
<td class="bgll">
<IMG height="5" src="webImages/transparent.gif" width="5">
</td>
<td valign="middle" align="left">
<!-- hier weitere Content-Tabelle -->
</td>
<td class="bgrl">
<IMG height="1" src="webImages/transparent.gif" width="1">
</td>
</tr>
<tr>
<td class="bgblc"><IMG height="5" src="webImages/transparent.gif" width="5"></td>
<td class="bgbl"><IMG height="5" src="webImages/transparent.gif" width="5"></td>
<td class="bgbrc"><IMG height="5" src="webImages/transparent.gif" width="5"></td>
</tr>
</table>

(Falls jetzt die Formatierung nicht sauber ist, liegt das womöglich an der Übertragung des Formulars, ich bitte, das zu entschuldigen)