em steht für bezogen auf die Schriftgröße des Elements. Dies erlaubt ein sehr benutzerfreundliche Darstellung von Texten und Elementen. Die Umrechnung erfolgt mit px / 13 = em. Da der Internet Explorer etwas anderes reagiert muß noch für den Internet Explorer weitergerechnet werden. px / 13 * 0,9759 = em für Internet Explorer.
Hier die Werte für 1 – 50 px.
px em em ie
1 0,0769 0,0751
2 0,1538 0,1501
3 0,2308 0,2252
4 0,3077 0,3003
5 0,3846 0,3753
6 0,4615 0,4504
7 0,5385 0,5255
8 0,6154 0,6006
9 0,6923 0,6756
10 0,7692 0,7507
11 0,8462 0,8258
12 0,9231 0,9008
13 1,0000 0,9759
14 1,0769 1,0510
15 1,1538 1,1260
16 1,2308 1,2011
17 1,3077 1,2762
18 1,3846 1,3512
19 1,4615 1,4263
20 1,5385 1,5014
21 1,6154 1,5765
22 1,6923 1,6515
23 1,7692 1,7266
24 1,8462 1,8017
25 1,9231 1,8767
26 2,0000 1,9518
27 2,0769 2,0269
28 2,1538 2,1019
29 2,2308 2,1770
30 2,3077 2,2521
31 2,3846 2,3271
32 2,4615 2,4022
33 2,5385 2,4773
34 2,6154 2,5524
35 2,6923 2,6274
36 2,7692 2,7025
37 2,8462 2,7776
38 2,9231 2,8526
39 3,0000 2,9277
40 3,0769 3,0028
41 3,1538 3,0778
42 3,2308 3,1529
43 3,3077 3,2280
44 3,3846 3,3030
45 3,4615 3,3781
46 3,5385 3,4532
47 3,6154 3,5283
48 3,6923 3,6033
49 3,7692 3,6784
50 3,8462 3,7535
Per Css eingebunden sieht das dann so aus:
.table {
width:2.0000em; /* non-IE */
*width:1.9518em; /* IE */
}
ACHTUNG: Dezimalwerte müssen mit Punkt angegeben werden