Css: Position. Absolute

[ole1210]

Hallo Forum,

auch wenns hier eigentlich nen SEO-Forum ist, hab ich mal ne kleine CSS-Frage.

Ich ahbe eine Seite die wie folgt aufgebaut ist:

Überschrift (H1)
Erläuterung (H2)
Landkarte (Bild)

Auf dieser Landkarte habe ich verschiedene Orte plaziert mittels CSS:
style="position: absolute; top: xxxpx; left: xxxpx;"

So weit, so gut. Wenn ich nun aber den Schriftgrad der Seite verstelle werden logischerweise die Überschriften größer/kleiner. Dann rutscht die Landkarte rauf/runter. Die Orte aber bleuiben stehe und passen demzufolge nicht mehr.

Was kann ich machen? Ausser die Karte ebenfalls mittels CSS zu plazieren?

Viele Grüße

Ole

[derHund]

die orte nicht per px, sondern per em oder % positionieren. setzt aber vorraus, daß relevante teile des rests ebenfalls per em/% positioniert sind (siehst du dann beim testen schon).

[Graccem]

Oder einmal position:relative; ausprobieren

https://de.selfhtml.org/css/eigenschaft ... m#position

[randomsurfer]

oder den schriften auch eine absolute größe geben, so kann die schriftgröße nichtmehr verstellt werden.

absolute maßangaben sind: mm, cm, pt, pc (pica), in (inch)

[ole1210]

@ der Hund:
das klappt nicht. wird trotzdem verschoben.

@ graccem:
das klappt, allerdings muss ich dann das Bild in einen DIV-Contaner legen. Das wollte ich eigentlich vermeiden.

@ randomsurfer:
in allen guten Browsern kann man auch absolut angegebene Größen verändern!
Keine gute Idee!

Viele Grüße

Ole

[ole1210]

Sehe ich das richtig, das FF und IE relative Positionsangaben unterschiedlich darstellen?