Probleme mit Hintergrund einer Tabellen-Zelle (IE)

Status
Nicht offen für weitere Antworten.
S

Stato

Grünschnabel
Hi

Ich hab da mal wieder ein (wie mir aufgrund der erfolglosen Lösungsansätze unlösbar scheinendes) Problem:

Auf der Seite http://cgi.ethz.ch/~weberste/gpwest/index.php?id=behandlungen habe ich Links einige Linien, die am Ende der Seite langsam verblassen. Die Höhe, auf der die Linien fest sind, ist variabel (je nach Textlänge) und am Ende wird einfach immer ausgeblendet.
Mittlerweile hab ich das auch fast hingekriegt, aber leider nur fast: Zwar geht es im Mozilla 1.6, sowie im Opera 7.23, doch der IE 6 zickt mal wieder. Nach dem Fade-Out kommen einfach nochmal die festen Linien des Hintergrundes zum Vorschein (diese sind nämlich als Hintergrund in der Tabellenzelle realisiert).
Da es in den anderen Browsern geht, nehme ich an, dass es ein Bug im IE ist. Hat jemand eine Ahnung, wie man das beheben kann? Ich würde wirklich nur sehr ungern darauf verzichten. Oder habe ich allenfalls einen falschen Lösungsansatz gewählt?

Wär super, wenn jemand eine Idee hätte.

Merci schon mal und Gruss,

Stefan Weber
 
Raaah! Ein ETH-Student! Der Hammer! Und das sechs Tage, bevor ich dort auch anfange! *freu* *freu* *freu* :-)

Aber jetzt mal zu deinem Problem *g*: Warum hast du denn in dieser Zeile repeat-y? Mit no-repeat würde es afaik wunderbar funktionieren.
HTML: 
<td style="vertical-align:top; width:322px; background:url(images/lines.gif) no-repeat;">
 
@SilentWarrior
Ich brauche das repeat-y, weil das Hintergrundbild nur etwa 2 Pixel hoch ist. Da sich aber der Verlauf der Linien der Textgrösse anpassen muss, ist das repeat-y nötig und ein Bild in einer festen Grösse würde darum keinen Sinn machen. Weisst du was ich meine?
 
*grunz* Ja, jetzt seh ich das. Ich hab eben gedacht, die Linien und der Fadeout wären ein Bild.

Erste Versuche haben ergeben: Es liegt daran, dass nach diesem img noch ein Zeilenumbruch folgt. Schreibst du das </td> direkt hinter den img-Tag, tritt der Fehler (zumindest bei mir) nicht mehr auf. (Zeilen 81-83)

Funktioniert:
HTML: 
<td style="vertical-align: bottom; padding: 0px; margin: 0px; background: url(images/lines.gif) repeat-y;"><img src="images/lines_fadeout.gif" alt="fading" /></td>
Funktioniert nicht:
HTML: 
<td style="vertical-align: bottom; padding: 0px; margin: 0px; background: url(images/lines.gif) repeat-y;">
<img src="images/lines_fadeout.gif" alt="fading" />
</td>
 
Unglaublich! Bei mir gehts jetzt auch. Dieser IE ist einfach ein Verbrechen an alle Webdesigner der Welt ;)

Naja, wie auch immer. Vielen Dank Das hätte wohl noch Stunden dauern können, bis ich auf diese Idee gekommen wäre.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück