Problem mit div-Positionierung

[Riego]

Hallo Leute,
Ich versuche seit Stunden folgendes Problem zu lösen:
Ich habe ein festes Bild, auf dem ich Text anzeigen will (durch ein div-Objekt)
Das funktioniert soweit auch gut.
Ich habe beim div die Position auf "absolute" gesetzt und die Position des Bildes vorher mit JS berechnet.
Das funktioniert solange, bis die fertige Seite verändert wird.
Wenn z.B. die Scrollbar ausgeblendet wird, verrutscht das Bild, aber der Text bleibt stehen.
Gibt es eine Möglichkeit, den Text immer an der gleichen Position des Bildes anzuzeigen (AUF dem Bild)??

Gruß,
Riego

[bascombe]

he

Es ist vielleicht besser, das serverseitig zu regeln, mit der GDlib oder dergleichen. Nicht bei allen Usern ist Javascript enabled. Dann entstünden auch durch Verrücken des Bildes keine Probleme mehr.

gruß bascombe

[RieGo]

he

Es ist vielleicht besser, das serverseitig zu regeln, mit der GDlib oder dergleichen. Nicht bei allen Usern ist Javascript enabled. Dann entstünden auch durch Verrücken des Bildes keine Probleme mehr.

gruß bascombe

Ja, da habe ich auch schon dran gedacht, das könnte aber zu viel Serverlast werden.
Gibt es keine Möglichkeit via JS oder CSS?

[Johannes Zeller]

Hallo Riegom

Ja, da habe ich auch schon dran gedacht, das könnte aber zu viel Serverlast werden.

Wie oft muss denn der Text über dem Bild erzeugt werden? Gegebenenfalls lassen sich die bereits generierten Bilder ja cachen oder wiederverwenden.

Schöne Grüße,

Johannes

[Riego]

Hallo Riegom

Ja, da habe ich auch schon dran gedacht, das könnte aber zu viel Serverlast werden.

Wie oft muss denn der Text über dem Bild erzeugt werden? Gegebenenfalls lassen sich die bereits generierten Bilder ja cachen oder wiederverwenden.

Schöne Grüße,

Johannes

Danke für die Antwort, es sollte aber bestmöglichst serverunabhängig sein (ist ein userscript).
Ich hatte die Idee, eine Funktion zu schreiben, die jede Sekunde prüft, ob sich die Seitengröße geändert hat und dann die Position neu berechnet.
Aber gibt es keine bessere Möglichkeit???

[Struppi]

Ich versuche seit Stunden folgendes Problem zu lösen:
Ich habe ein festes Bild, auf dem ich Text anzeigen will (durch ein div-Objekt)

.img{}  
.img span{  
  position:relative;  
  top:-2em;  
  background-color:#fff;  
}

  <div class="img">  
  <img src="bilder/foto1.jpg"><br>  
  <span>Text</span>  
  </div>  

Struppi.