font-size: 62.5% - Geht doch nicht?
TheYves
- css
0 Olaf Schneider0 Cheatah0 JXR
Hallo zusammen
Hab auf diversen Seiten gelesen, dass man bei Websiten mit relativer Schriftgrösse die font-size auf 62.5% stellen kann, damit es leichter fällt, von px nach em umzurechnen. Habe das heute auch beim WordPress Standardtemplate gesehen. Nur irgendwie scheint das beim IE 7 (vielleicht bei allen IEs) nicht sauber zu funktionieren, denn ich vermute, dass der IE so seine Probleme mit dezimalstellen bei der Prozentangabe hat.
Die folgenden Div's müssten ja _theoretisch_ gleich gross sein. Im Firefox stimmts, im IE7 allerdings nicht.
Mach ich irgendetwas falsch oder ist geht das nunmal nicht?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
<!--
body {
font-size:62.5%;
}
-->
</style></head>
<body>
<div style="background-color:#0033CC;width:95em;height:30px;"> </div>
<div style="background-color:#009933;width:950px;height:30px;"> </div>
</body>
</html>
Hallo,
nein, 62.5% geht nicht, aber 100.1% gehen prima. Damit kann sogar IE rechnen und das will ja schon was heißen.
Gruß
Olaf
Hi,
Die folgenden Div's müssten ja _theoretisch_ gleich gross sein.
unter einer Prämisse, die auf keinen realistischen Grundlagen beruht.
Mach ich irgendetwas falsch oder ist geht das nunmal nicht?
Relative Größenangaben haben den kriegsentscheidenden Vorteil, auf den gegebenen Umständen zu basieren - egal wie diese lauten. Und es *ist* nun mal egal, wie diese lauten. Im Falle dieses IE 7 auf dem von Dir getesteten System scheint die Basis-Schriftgröße etwas anders zu sein als auf mindestens einem anderen von Dir getesteten System.
Und genau das ist der Vorteil des World Wide Web. Begehe nicht den Fehler, daraus künstlich ein Problem zu projizieren, welches überhaupt nicht existiert.
Cheatah
Vielleicht hilft das:
http://riddle.pl/emcalc/
1em = 100%, wenn man so will.
0.625em = 62,5%
Zu beachten ist dass es von der Font-Einstellung des Browser ausgeht. Die ist bei den meisten default 12px, aber sie kann auch eine andere sein - dann sind 0.0625em natürlich nicht mehr 1px.
Vielleicht hilft das:
http://riddle.pl/emcalc/
1em = 100%, wenn man so will.
0.625em = 62,5%
Zu beachten ist dass es von der Font-Einstellung des Browser ausgeht. Die ist bei den meisten default 12px, aber sie kann auch eine andere sein - dann sind 0.0625em natürlich nicht mehr 1px.
definiere "die meisten" - wenn man davon ausgeht, dass fast jeder firefox-benutzer und fast jeder internet-explorer-benutzer seine einstellung nicht anrührt, sollte default 16px Times New Roman sein ;)
das bringt uns gleich dazu, dass 62,5 oder 0.625 defekt ist - gib 100% bzw 100.1% (welches angeblich irgendwelche bugs fixen solle) an und gut ist
Vielleicht hilft das:
http://riddle.pl/emcalc/
Das ist kein em Calculator!
Zu beachten ist dass es von der Font-Einstellung des Browser ausgeht. Die ist bei den meisten default 12px, aber sie kann auch eine andere sein - dann sind 0.0625em natürlich nicht mehr 1px.
Genau, und mit diesen 12px rechnet dieser sogenannte em Calculator.
Struppi.