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/...d=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-Code:

<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?

weiss nicht ob es dir hilft, ich hab ne page gefunden die diverse IE bugs auflistet:

http://www.positioniseverything.net/...uillotine.html

kannst oben auf "next explorer demo" gehn

gruss

*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-Code:

<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-Code:

<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.