nicht angemeldet
Hallo Jeannine,
wenn ich eine graphik nehme und dann sage <img valign="top" src="img.jpg"> dann setzt er mir das Bild ja oben hin und beim runterscrollen läuft es ja nicht mit.
Wie kann ich den Effekt des erreichen, den du mir geraten hast.
Ich spreche ja auch nicht von einer Vordergrundgrafik <img ...> sondern von einer Hintergrundgrafik für den Body, mit background-repeat:no-repeat und background-position:0px 0px sowie background-attachment:fixed.
Dann musst mit Javascript beim Herunterscrollen auslesen, ob der pageYOffset deiner Seite die offsetHeight deiner ersten Tabellenzeile überschreitet. Das wäre dann der Zeitpunkt, das Hintergrundbild, das du mit padding-left vor dem Überfließen durch den Text schützt auszutauschen. Wenn beim weiteren Herunterscrollen die Summe der offsetHeights deiner ersten beiden Zeilen überschritten wäre, käme dann der nächste Austausch des Hintergrundbildes usw...
Entsprechend könntest du beim Hochscrollen die Grafiken beim Unterschreiten der Werte zurücktauschen.
Der Ansatz ist ziemlich aufwändig in der Programmierung, läuft dann nicht bei deaktiviertem JS und deshalb finde ich eigentlich auch Martins Vorschlag gar nicht so schlecht, jede einzelen Inhaltszelle für sich scrollbar zu machen.
Gruß Gernot