Ingo Turski: Umrechnung von px in em

Beitrag lesen

Hi,

navi2 erbt, da keine explizite font-size angegeben wurde, 0.9em vom body. Für navi1 hingegen wurde font-size:1em angegeben.
Daher die Unterschiede.

falsch! die Angabe von 1em ist irrelevant, da sie nichts ändert.
Außerdem erbt auch navi1 die font-size 0.9em von body. Würde man für navi1 z.B. ebenfalls 0.9em angeben, resultierten daraus 0.81em.

Tatsächlich ist die Höhe beider Elemente identisch. Die in px angegebenen absoluten Positionierungen sorgen allerdings dafür, daß navi1 teilweise verdeckt wird. Zumindest in standardkonformen Browsern ist dies deutlich zu sehen.
Abhilfe ist einfach: Verzicht auf absolute Positionierung und Ersatz durch margin in em.

freundliche Grüße
Ingo