Positionierung von Elementen in Abhängigkeit anderer Elemente

[F. Marquardt]

Hallo,

folgendes Problem:
ich bekomme ein .jpg von einem GIS-Server mit verschiedenen Objekten darauf. Das Bild ist eine Seite eingebaut.
Weiterhin habe ich die Geodaten der abgebildeten Objekte in einer Datenbank. Nun möchte ich einzelne (für den jeweiligen User relevante) Objekte auf dem Bild durch kleine umrahmte divs hervorheben.
Und das ist mein Problem.
Ich muss diese divs relativ zu dem jpg positionieren.
Ich kann zwar die globalen (Geo-)Koordinaten in relative (pixel-)Koordinaten umrechnen, mir fehlt allerdings ein Startpunkt.
Wenn ich die Divs mit "style='position:ablsolute'" positioniere, richten sie sich an ihrem parent-node im DOM-Baum aus. Am schönsten wäre es natürlich, wenn ich den divs das image als parent zuordnen kann, doch ich befürchte, dass das nicht geht ;)

Man kann sich das Ganze also wie eine manuell erstelle area-map vorstellen.

Ich wäre über einen Denkanstoss dankbar, Quelltext ist nicht nötig. Das werd ich schon hinbekommen ;)

[bluntburn]

Hi F.,

um einen Startpunkt zu erhalten, kannst Du ein relativ positioniertes <div> einsetzen, in dem Du sowohl für Dein JPG als auch für Deinen Rahmen ein absolut positioniertes <div> verwendest.

<div style="position:relative">
   <div style="position:absolute">JPG</div>
   <div style="position:absolute">RAHMEN</div>
</div>

Grüße,
bluntburn