NN ( &Opera): Hintergrundbilder in Zellen fehlen teilweise
fab1An
- html
0 fab1An0 Kai Lahmann0 fab1An
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)
Nachtrag: Netscape 4.7 ist gemeint (und Opera 6)
Der IE frisst wieder mal alles - keine Beschwerden hier.
hi
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).
das verhalten von Netscape 4.x ist oftmals unergründlich... interessant wäre jetzt, ob Opera an den gleichen Bildern scheitert, und wie andere nicht über-tollerante Browser (konqueror, Mozilla, Amaya) darauf reagieren.. So vom HTML- und CSS-code her sieht das ganze ok aus
das verhalten von Netscape 4.x ist oftmals unergründlich... interessant wäre jetzt, ob Opera an den gleichen Bildern scheitert, und wie andere nicht über-tollerante Browser (konqueror, Mozilla, Amaya) darauf reagieren.. So vom HTML- und CSS-code her sieht das ganze ok aus
Ist es auch ;)
Ich hab's geschafft!!! Jetzt hab ich ein verdammt verschachteltes Layout über CSS, das im IE, in Opera und in Netscape 4.7 gleich aussieht â hat auch lang genug gedauert...
Es ist wirklich unglaublich, aber Netscape stört sich ganz offensichtlich an den GRÖSSEN der GIFs! Erst wenn sie eine bestimmte Mindestbreite und -höhe haben, werden sie als Hintergrund aktzeptiert. Diese Breite und Höhe scheint in einem gewissen Verhältnis zur Zellenbreite/-höhe zu stehen. In welchem, habe ich bisher noch nicht herausfinden können (Theorie: >50% ?). Aber wenn man die GIFs recht groß anlegt (bei mir jetzt 15x600 Pixel) funktioniert es in den meisten Fällen. Unglaublicher Mist, sowas herausfinden zu müssen, mann mann mann!