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

[Mike]

Hallo :)

Also, ich hab' die oben stehende Website fast fertig... es soll ein Netradio werden, im Moment ist allerdings noch nichts zu hören. Das ist aber auch fast das einzige, was noch nicht funktioniert.

Möchte mal eure Meinungen hören, zumal diese Seite die erste ist, in der ich mich mit CSS versucht hab.

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). 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.

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

Also dann - ich hoffe auf konstruktive (!) Kritik :)

Grüsse
Mike

[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

[Dave]

Hallo Tim,

ich Danke dir! Du hast mir echt sehr geholfen... durch deine URL von styleassistant.de wurde ich darauf aufmerksam, dass der IE nur in den "Standard-Mode" springt, wenn beim Transitional-Doctype eine URL mit angegeben wird. Bei Strict-Mode springt er auch ohne URL in den Standard-Mode.

Das erklärt also, warum er die Seite "durcheinander geschmissen" hat, nachdem ich den Transitional-Doctype eingebaut hab (ohne URL). Mit URL funktionierte es dann astrein :-)

Nun habe ich die letzten HTML-Fehler aus meinen Seiten entfernt und werde hier und da nochmal ein wenig optimieren... naja und wenn ich dann soweit bin, werd ich hier vielleicht nochmal anfragen... nicht, dass es unverschämt wirken soll, aber meine "Einschränkung" scheint doch fast jeden abgeschreckt zu haben, da du ja der einzige warst, der geantwortet hat ;-)

Grüsse
Dave

[Dave]

Hallo nochmal,

ich bin Mike... wollt ich der verständlichkeit halber mal sagen *g* Doppelname halt, ich schreib mal so und mal so ;)

Grüsse
Dave