Schriftgröße mit 'em' funktioniert nicht

[Eddie]

Hallo,
ich habe global für body eine Schriftgröße von 12px festgelegt, will aber bei manchen Elementen (z.B. Fließtext) eine flexible Größe haben:

body { font-size:12px; }
p { font-size:1em; }

Das funktioniert aber nicht, die Schrift in <p> richtet sich nach der body-Definition.
Wisst ihr warum?

Danke,
Eddie

[rainer groth]

Hallo Eddie,

Das funktioniert aber nicht, die Schrift in <p> richtet sich nach der body-Definition.
Wisst ihr warum?

(Such-)Stichwort: "Vererbung" ;-)

gruesse
rainer groth

[Michael Jendryschik]

Hallo,

ich habe global für body eine Schriftgröße von 12px festgelegt, will aber bei manchen Elementen (z.B. Fließtext) eine flexible Größe haben:

body { font-size:12px; }
p { font-size:1em; }

Das funktioniert aber nicht,

Doch, 'em' »funktioniert«, nur widerspricht es offenbar deiner Erwartungshaltung.

die Schrift in <p> richtet sich nach der body-Definition.

Und das ist auch richtig so. Zitat aus http://www.netandmore.de/faq/fom-serve/cache/414.html:

»Ein 'em' ist die Schriftgrösse der relevanten Schrift, es sei denn, man benutzt das 'em' als Schriftgrösse, dann ist '1em' die Schriftgrösse des übergeordneten Elementes.«

Entsprechende Stellen aus den Spezifikationen könnte ich dir nachreichen.

Wisst ihr warum?

'p' erbt die Schriftgröße von 'body', somit entspricht '1em' an dieser Stelle '12px'.

Gruß,

MI