Positionierungen in CSS relativ zum Elternelement

[Længlich]

Hââ-pô!

Was habe ich vor? Stell dir eine Landkarte vor, worauf ich Pins plazieren möchte.

Pins als Kindelemente der Landkarte realisieren.

• die Karte soll immer in der Browsermitte sein

margin:auto

• die Pins sollen immer an der richtigen Stelle bleiben

position:absolute; left:richtig; top:richtig;

• die Positionierung der Pins soll immer von oben/links der Karte aus gehen

position:relative für die Karte, dann ist deren linke obere Ecke der Ursprung, an dem sich die Kindelemente orientieren.

• ich möchte einzelne Pins entfernen können, ohne das sich das Gesamtbild ändert

display:none oder gar nicht erst ins HTML schreiben.

Hast Du dazu einen Lösungsansatz?

Ja. ;-)

Irgendwie drehe ich mich gerade im Kreis, aber ich denke, nun ist klar was ich vor habe.

Ob ich Dich richtig verstanden habe, werden wir daran sehen, ob Du mit obigem weiterkommst. ;-)

Viele Grüße vom Længlich