KS Webdesign - Der Blog » Internet Explorer http://webdesign-passau.com/wordpress Wed, 18 Apr 2012 07:28:02 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Schriftgröße und line-height http://webdesign-passau.com/wordpress/schriftgroesse-line-height/ http://webdesign-passau.com/wordpress/schriftgroesse-line-height/#comments Tue, 18 Aug 2009 04:48:56 +0000 Klaus http://webdesign-passau.com/wordpress/?p=125 Weiterlesen →]]> Wie oft findet man auf vielen Websites so oder so ähnlich diese Angabe:

  • body {
  • font-size:12px;
  • line-height:16px;
  • }

Die erste Schriftgröße ist in Pixel definiert und für line-height wird eine Maßeinheit angegeben.

Wenn die erste Schriftgröße in der CSS-Datei in Pixel definiert worden ist, läßt sich die Schrift im Internet Explorer unter Standardeinstellungen nicht vergrößern. Außerdem ist line-height nur ein Faktor und Faktoren sind ohne Masseinheit.

Die erste Schriftgröße so anzugeben:

  • body {
  • font-size:1em;
  • }

ist auch keine gute Idee, da beim IE 6/IE 7 dann der em font-resizing Bug auftreten kann.

Der sicherste Weg ist dieser:

  • body {
  • font-size:100%;
  • line-height:1.5;
  • }

Die erste Schriftgröße in Prozent angeben.

Danach kann problemlos em als Masseinheit für Schriftgrößen hergenommen werden und der Text lässt sich im IE (unter Standardeinstellungen) auch vergrößern.

Generell sollte auf Pixel als Maßeinheit für die Schriftgröße immer verzichtet werden!

]]> http://webdesign-passau.com/wordpress/schriftgroesse-line-height/feed/ 19