Hallöchen,
ich glaube, ich habe grade das Forum gefunden, das ich schon lange suche. ^^
Seit ich mit CSS angefangen habe, bin ich nämlich nur noch am Probleme lösen. Aber Barrierefreiheit ist etwas, dass ich nachdem ich darauf aufmeksam geworden bin, unbedingt umsetzen möchte.
Das Pixelangaben bei der Schriftgröße schlecht sind, habe ich schon gemerkt.
Bei der Umstellung auf [em] (Was bedeuted das eigentlich?) stehe ich aber vor dem Problem, dass ich noch keine Info gefunden habe, wieviel Pixel ein [em] sind.
Könnt ihr mir helfen? Ich hoffe doch sehr!

Gruß von Solveig

Hi Solveig,

ich habe gerade mal einen interessanten Beitrag, der sich genau mit Deinem Thema beschäftigt in die Knowledge Base verschoben.

http://www.xhtmlforum.de/viewtopic.php?t=208

Ich denke, dort wirst Du ein wenig über Schriftgrößen erfahren.


hemfrie

Hei hemfrie,
danke für den Hinweis. Bezüglich der Schriftgröße bin ich jetzt ein wenig schlauer.

Wobei ich allerdings immer noch schätzen muss, ist die Ausrichtung von Elementen. Ich habe jetzt grade aber doch noch einen kleinen Absatz in einem HTML-Buch bzgl. [em] gefunden, anscheinend kann man nicht sagen, soundsoviel [em] entsprechen soundsoviel Pixel.
Schade, nunja.

Gruß von Solveig

EM = EleMent in relativer Größe
Also relativ zur Schriftart und der damit dargestellten Größe in Abhängigkeit von der angegebenen Größe im Dokument und der daraus folgenden ... etc...
Also bei 15 px sind 1 em = 15 px, oder?

Mehr infos bei self html

greetz g.

__________________
"Der Computer arbeitet deshalb so schnell, weil er nicht denkt."
Gabriel Laub, 24.10.1928 - 03.02.1998,
polnisch-deutscher Schriftsteller

Nochmal zu em und px:

1 em ist die Höhe des großen M in der eingestellten Schriftgröße.
Wie hoch so ein em ist, hängt von der Einstellung im Browser ab. Die Standardeinstellung liegt meist bei 16px, ist aber verstellbar.


Es gilt: 1em=100%=eingestellte Schriftgröße in px (meist 16px, wenn nicht verstellt wurde). Letztlich kann man aber natürlich nie wissen, ob und wie sich der Leser die Standardschriftgröße verstellt hat.

Noch etwas ist zu beachten: die Eigenschaften vererben sich weiter.
Ein Beispiel: im body habe ich z.B. 100.01% gesetzt (die krumme Zahl wegen der Rundungsfehler mancher Browser), im #content dann z.B. 0.8em (=80%=13px, falls nichts an den Standardgrößen geändert wurde). Wenn ich nun noch eine Fußnote unten im gleichen Container anmerken möchte und nun 0.7em angebe, dann wird das von meinen 13px berechnet, nicht von den ursprünglichen 16px! Es bleiben also nur noch 9px über - extrem winzig!
Wenn ich also meine Ursprungsgröße verkleinere (oder vergrößere), dann ist dieser neue Wert innerhalb des Containers dann 1em oder 100% - alle weiteren relativen Eigenschaften orientieren sich dann am neuen Wert.

Alles klar?

Also, diese Liste hier gilt *nur* auf Windows-Systemen, wo die Standardgröße der Schrift nicht verstellt wurde:

10px = 0.6em
12px = 0.76em
14px = 0.9em
16px = 1.0em

Auf Linux-Systemen ist die Schrift kleiner! Wie es auf MACs aussieht, kann ich nicht sagen.

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Warum ist bei Linux-Systemen die Schrift kleiner?
Ich dachte, das Problem gäbe es nur bei pt?

Das wüsste ich auch gern.

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic