font-size 1em 16px und der IE

[froemken]

Hallo zusammen,

ich werkel grad mit jQuery rum und bin total begeistert.
Aktuelles Problem: Die Maßeinheit em. Hab ich noch nie mit gearbeitet.

Diese Seite beschildert das Verhalten von em 1a
http://greattalk.ch/2008/02/09/die-unglaublichen-em-elastischen-layouts-mit-css/

Nun gehe ich also mit jQuery her und setze alle div-Elemente auf einen Wert von 0.625em. Wenn 1em = 16px ist, dann ist 0.625 = 10px und ja...die Schrift wird kleiner AUCH im Internet Explorer.

Jetzt die Verwunderung:
Ich lese nun mit jQuery die frisch gesetzte Font-size wieder aus und erhalte in ALLEN Browser außer dem IE 10px. Der IE quittiert mit die font-size mit 6px?!?!

Zu Info:
jQuery ist ein JavaScript-Framework. Ich habe auch versucht die Font-Size mit javascript="this.style.fontSize;" auszulesen, das Ergebnis ist das gleiche.

Stefan

 

[seppjo]

@froemken,
hast du die Pixelgrößen wirklich mal mit einem Screenshot abgemessen?
Ansonsten ist es ja allgemein bekannt das der IE ein wenig aus dem Rahmen fälllt und sich nicht unbedingt an die allgemeinen Vorgaben hält.
http://www.thestyleworks.de/ref/font-size.shtml

 

[froemken]

Der seppjo...ja hoi...alles bingo

Ich hab Dir mein Script in den Anhang gepackt. Dort siehst du 3 zentrierte Zeilen in verschiedenen Größen. Die erste ist unverändert und somit 16px. Die Zweite ist 12px und die dritte 10px. Alles per em-Werten formatiert.
Beim Starten haut Dir das Script direkt den Wert für die 12px-Zeile raus. IE=9px und FF = 12px. Der zweite Wert haut Dir den em-Wert der letzten Zeile raus.

Ist eh schon cool, dass JS zwischen fontSize und font-size die Maßangaben wechselt: em <-->px.

froemken

 

[seppjo]

et jeth et jeht

hm knall doch einfach mal die schirften in echten px nebendran um zu schauen ob die dann wirklich unterschiedlich groß sind oder er nur beim umrechnen müll macht.
Also links soll, rechts ist.
Vielleicht hat ja der jQuery coder noch bugs drin.