Css: Position. Absolute

Beitrag von **ole1210** » 13.03.2006, 16:14

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

von **Anzeige von ABAKUS** »

Beitrag von **derHund** » 13.03.2006, 17:15

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).

Beitrag von **Graccem** » 13.03.2006, 18:23

Oder einmal position:relative; ausprobieren

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

Beitrag von **randomsurfer** » 13.03.2006, 22:39

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)

Beitrag von **ole1210** » 14.03.2006, 08:31

@ 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

Beitrag von **ole1210** » 14.03.2006, 09:34

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