Mehrere Grafiken auf grosser Grafik dynamisch platzieren

[Der Martin]

Hi,

Doch leider ist der 0 Punkte nicht genau über der grossen Karte. Stehe irgendwie auf dem Schlauch, hast du eine Ahnung?

liegt es vielleicht daran, dass du die Logik der Positionierung nicht ganz verstanden hast?
Du setzt das Container-div auf position:absolute, gibst ihm aber keine Koordinaten; dagegen definierst du die einzelnen Pins als position:relative, was ja nur eine Verschiebung gegenüber ihrer "Normalposition" bedeutet.
Umgekehrt bekommt's einen Sinn: Das Container-Element relativ, aber ohne Versatz, und die darin ausgerichteten Kindelemente absolut.

Abgesehen davon finde ich deine Struktur auch verwirrend. Das von suit vorgeschlagene Markup sieht irgendwie schlüssiger aus:

<div id="karte">

<img src="foo.png" alt="Weltkarte" />
  <ul>
    <!-- wie gehabt -->
  </ul>
</div>

  
Von diesem Snippet ausgehend nun div#karte relativ positionieren, und zwar mit Offset 0 (einfach kein top und left angeben), und die li-Elemente absolut, so dass sich ihre Positionen auf das Container-Element beziehen.  
  
So long,  
 Martin  

-- 
Wenn der Computer wirklich alles kann,  
dann kann er mich mal kreuzweise.  
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(