Bewertung meines CSS-Referats ;-)

[Cyx23]

Hallo,

Die Schrift ist mir zu groß, zusätzlich scheint mir der Zeilenabstand
etwas hoch (selbst wenn ich im Firefox die Schrift verkleinere).

Das ist eben so ein Problem mit relativen Schriftgrößen. Wie du sehen kannst verwende ich «em» als Schriftgrößeneinheit, das natürlich je nach Voreinstellung mit Browser unterschiedlich groß ist. Auf meinem Rechner und auf einigen anderen, auf denen ich getestet habe, passt es, sodass m.E. keine Möglichkeit zur Behebung des Problems übrig bleibt.

ich hatte dein CSS noch gar nicht angeschaut, aber erstmal etwas wie 1em
vermutet, irgendwo kommen dann auch mal 0.9em; in deinem CSS vor.
Ursache für die zu mir grosse Schrift (beim engen Pixelabstand eines
17er TFT m.E. zu gross) scheint aber auch die Wechselwirkung o. Vererbung
von font-size:101% zu sein, ich kann dem m.E. unsauberen Hack eh nicht
viel abgewinnen.

Beim Zeilenabstand gehe ich davon aus dass ein (zu) großer Zeilenabstand
die Lesbarkeit verschlechtert, hängt aber auch von der Schrift ab.
Auf jeden Fall ist es m.E. oft vorteilhaft ein Zeilenabstand anzugeben,
z.B. je nach Schrift im Bereich von 1.2 (1.1?) bis 1.3 fachen d.
Schriftgrösse.

Die Überschriften trennen sich für mich zu sehr von den zugehörigen
Abschnitten (Farbe, kursiv, Art der Rahmen, geringer Abstand oben).

Ok, ich werde die Margins mal ein wenig anpassen.

Das Layout schaut ja so ganz gut aus und Präsentation ist wichtig,
aber mir scheinen vor allem die Rahmen um die Zwischenüberschriften
die vorhandene Struktur etwas auszubremsen. Das u.U. problematische
text-align:justify; scheint hier kaum zu stören.

Z.B. so - und ohne das font-size:101% beim body - scheint es mir bereits
etwas angenehmer:
h2{
border-bottom:2px solid #ececec;
margin-top:1.5em;line-height:1.3em;text-indent:.4em;}

Hier ist interessant wie sich ggf. die line-height des body auf das menu
auswirkt:
body {
font-size:1em;
line-height:1.2em}

Grüsse

Cyx23