Mit diesem Thema betrittst Du ein vermintes Gelände, wundere nicht über Explosionen. Es gibt da mindestens zwei Ansichten, ein Kompromiß scheint unmöglich.
Mail
Layouts mit fest definierten Verhältnissen von Text und Bildern sind mit Stylesheets nur annähernd möglich. Zum Thema absolute Schriftgrößen ein paar Untersuchungen und Tips.
Schriftgrößen sind im Web ein leidiges Thema. HTML-Puristen
verweisen bezüglich punktgenauem Design lapidar auf das PDF-Format.
Die "Ich will kein Design"-Fraktion erweist sich damit aber einen
Bärendienst - Inhalte und Navigation werden in Grafiken oder Fremd-Formate wie PDF oder Flash verpackt, um unleidige
Überraschungen zu vermeiden. Der andere Nachteil: Selbst bei kleinen Änderungen müssen Photoshop, Flash oder Acrobat bemüht werden.
Skalierbare und nichtskalierbare Schrift-Größe
Ergebnis
Dieser Text kann in der Schriftgröße über den Browser eingestellt werden. Damit
sind keine punktgenauen Designs möglich, in denen Text und Bilder ein
bestimmtes Größenverhältnis zueinander haben.
Dieser Text kann in der
Schriftgröße nicht mehr verändert werden, wenn der Browser Stylesheets interpretiert. Diese Angabe wird in
Bezug auf die Pixelgröße von Bildern unabhängig von Plattform und Browser dargestellt, wenn Arial installiert ist.
Quellcode
<table border=1 width="250">
<tr>
<td valign=top><img src="../pic/example/hund.jpg" align=left width="100" height="100" />
<font size="2" face="arial,sans-serif">Dieser Text kann in der Schriftgröße über den Browser eingestellt werden. Damit
sind keine punktgenauen Designs möglich, in denen Text und Bilder ein
bestimmtes Größenverhältnis zueinander haben.</font></td>
</tr>
<tr>
<td valign=top><img src="../pic/example/nashorn.jpg" align=left width="100" height="100" />
<font size="2" face="arial,sans-serif" style="font-size:12px;font-family:arial,sans-serif;">Dieser Text kann in der
Schriftgröße nicht mehr verändert werden, wenn der Browser Stylesheets interpretiert. Diese Angabe wird in
Bezug auf die Pixelgröße von Bildern unabhängig von Plattform und Browser dargestellt, wenn Arial installiert ist. </font>
</td>
</tr>
</table>
Gefahren
Browser haben in der Regel eine Funktion, um die Schriftgröße zu ändern. Bilder, Applets oder Flashfilme bleiben hingegen
unverändert. Eine Lupe, die alle Elemente vergrößert und wie sie als einziges
Opera bietet,
würde viel Diskussion um Schriftgrößen sparen. Ohne eine Lupe ist aber
jede Diskussion Makulatur, weil es keine "beste" Lösung
gibt, sondern nur Meinungen und Präferenzen.
Bei punktgenauem Design läuft man in die Gefahr, das Monitore
mit einer maximalen Auflösung (z.B. 17 Zoll und 1280 Pixel Auflösung) kleine Schriften unleserlich darstellen.
Hier sollte man nach Möglichkeit im Layout eine größere Schrift wählen, zumindest was die Kerninhalte betrifft.
Ein anderes Thema ist, daß nicht alle Plattformen die gleichen Schriften installiert haben.
Mit sans-serif verwenden unterschiedliche Plattformen eine andere serifenlose Standardschrift, wenn z.B. Arial nicht
zur Verfügung steht (z.B. Mac). Bei den Tests ging es nur um die "Butter-und-Brot"-Schrift Arial.
Generell gilt:
Verwenden Sie Pixel-Angaben. Testen Sie eine Schrift auf die Darstellung unter verschiedenen Plattformen und Browsern. Machen Sie wenn nötig zwei Stylesheets für NN und MSIE, die Sie über JavaScript je nach Plattform aufrufen.
Der Betreiber von www.dBooks.de übernimmt keine
Verantwortung für den Inhalt und die Richtigkeit der Angaben auf
den verlinkten Websites.
Zu den üblichen NoNos gibt es keine direkten Verweise.