Brauche eure Meinungen... (mein erstes CSS-Layout)

[Tim Tepaße]

Hallo Mike,

hat noch keiner geantwortet? Dann fange ich an.

Ein Validator-Problem hab ich aber: Die Seite steht auf HTML Strict, dadurch
treten viele Vali-Fehler auf, denn eigentlich ist sie Transitional (der
Doctype stimmt also nicht).

Das könnte ein Grund sein, weswegen hier noch niemand geantwortet hat - mach
erstmal all die Fehler raus, dann sind die Leute hier immer bereitwilliger,
mich eingeschlossen.

Wenn ich den Doctype jedoch korrigiere, zeigt der IE die Seite komplett
verschoben an, es stimmt dann hinten und vorne nicht mehr... und so, wie es
jetzt ist, zeigen eigentlich alle Browser die ich getestet habe (Opera,
Netscape, IE, Mozilla) die Seite korrekt an.

Dieser Link sollte Dir helfen:

http://www.styleassistant.de/tips/tip52.htm

Hier mal ein Screenshot wie sie aussehen sollte:
http://www.netradio-live.de/screenshot.jpg

Ok, so sieht sie bei mir nicht aus. Ich verwende Mozilla, aber das liegt an
meinen Einstellungen. Zum Beispiel habe ich als Minimalschriftgröße 13px
eingestellt. Das reißt zum Beispiel in der Menüleiste auseinander - der Link
zum Impressum hängt bei mir aufgrund der größeren Schriftgröße schon weit
über dem schwarzem Hintergrund. Und auch zerreißt alles, wenn ich im Browser
den Text Zoom benutze, sprich die Schriftgröße vergrößere. Eine Möglichkeit
das zu umgehen, ist relative Schriftgrößen (z.B. die Einheit 'em') und auch
zum Positionieren die Einheit 'em' zu benutzen. Zugegeben, das machen noch
nicht viele. Es lohnt sich aber.

Nächster Punkt ist die Optik. Mir geht es gottseidank nicht so, aber ich
kann mir vorstellen, daß Leute auch mit nur leichter Sehbehinderung die
Schrift kaum lesen können. Hellblau auf Dunkelblau bietet einfach einen
sehr schlechten Kontrast. Das Weiß der Links ist viel besser zu erkennen.
Ansonsten gefällt mir die Optik recht gut.

Mein letzten Punkt ist eher technikphilosophisch. Ein CSS-Layout zeichnet
sich meiner Meinung nicht dadurch aus, daß man jetzt nur noch <div> und
<span> benutzt und diese dann nach Wunsch formatiert. HTML zeichnet sich
gerade dadurch aus, daß sehr viele Elemente vorhanden sind, die auch dem
durch HTML ausgezeichneten Text einen Sinn geben. Überschriften sind
sicherlich das einleuchtenste Beispiel. Aber auch für Absätze das Element
<p> verwenden und die Absätze nicht durch <br>s zu trennen ist in meinen
Augen ein guter Stil.

• Tim