Dez 14

Seit Internet Explorer 7 (IE 7) wird ClearType (Anti-Aliasing) unter Windows unterstützt, auf anderen Plattformen (z.B. Mac OS X) ist das standardmäßig der Fall. Das hat zur Folge, dass Schriften durch das Anti-Aliasing geglättet dargestellt werden, was besonders auf LCD-Monitoren zu einer besseren Lesbarkeit führt. Bei relativ kleinen Schriften tritt dabei allerdings das Problem im IE 7 auf, dass aufgrund des Anti-Aliasings so gut wie kein Unterschied zwischen normaler und fetter Schrift mehr besteht, wie dies dem folgenden Bild entnommen werden kann:

Anti-Aliasing

Grundsätzlich sollte man nicht in die (bevorzugten) Einstellungen eines Benutzers eingreifen und diesen selbst entscheiden lassen, ob er ClearType verwenden möchte oder nicht. Allerdings gibt es Kunden die die Vorzüge der Benutzer ignorieren, Hauptsache die Seite sieht in allen Browsern möglichst ähnlich aus, auch wenn die Schrift nicht so schön und nicht so gut lesbar dargestellt wird. ClearType kann man unter Windows mit ein paar Zeilen CSS sehr einfach unterbinden:

body {
  background: #fff;
  filter: alpha(opacity=100);
  opacity: 1.0;
}

Als Hintergrund kann selbstverständlich auch ein Bild oder eine andere Farbe gewählt werden.

Zuerst sollte man allerdings den Kunden darauf hinweisen, dass es sich bei ClearType um eine Benutzerpräferenz handelt und diese übergangen werden sollte. Die Einstellung hierfür kann man unter “Extras > Internetoptionen”, Registerkarte “Erweitert” unter der Gruppe “Multimedia” mit dem Punkt “Immer ClearType für HTML verwenden” festlegen (Ein Neustart des Browsers ist erforderlich):

Immer ClearType für HTML verwenden
Artikel twittern
Okt 01

Im Internet Explorer kann es auf gewissen Seiten zu Problemen beim Scrollen kommen. Hat man für ein div ein Hintergrundbild festgelegt, scrollt anschließend die Seite nach unten, sodass dieses Hintergrundbild nicht mehr sichtbar ist und anschließend in den Bereich, sodass es wieder sichtbar ist, so wird dieses unter Umständen nicht mehr angezeigt. Damit dieses wieder angezeigt wird, muss man entweder die Seite neu laden oder zu einem anderen Programm wechseln und anschließend wieder zurück in den Internet Explorer. Dieses Problem tritt sowohl in IE6, als auch in IE7 auf. Abhilfe schafft ein einfacher Trick – mittels CSS legt man einen null-Hintergrund für body fest, den man fix positioniert:

body {
  background: url(null) fixed no-repeat;
}
Artikel twittern