So schlecht finde ich die Seite nicht.
Dass das ganze aus einer Seite besteht finde ich nicht unangenehm, - auch wenn man für die Auffindbarkeit von Elementen auf Anker angewiesen ist. Ich denke das ist Geschmacksache. Ob Suchmaschinen Anker indexieren, da bin ich mir nicht sicher, mmhhh? Muss man recherchieren.
Edit: Mit entspr. Anchor-Text sollte das kein Problem sein.
Die Gestaltung
Die Farbauswahl passt noch nicht perfekt zum Seiteninhalt, ich würde hier reduzieren.
1. Den Schatten der boxes rauswerfen. Falls nicht, diesen zumindest reduzieren, er nimmt visuell zu viel Aufmerksamkeit des Betrachters vom eigentlichen Inhalt. Eine Reduzierung könnte so aussehen:
Aus section>div:first-child,table{box-shadow:0.4em 0.4em 0.4em #777}
wird
section>div:first-child,table {
box-shadow: 0 0 5px #888; /* CSS3 */
-moz-box-shadow: 0 0 5px #888; /* Mozilla */
-webkit-box-shadow: 0 0 5px#888; /* Webkit */
}
Den code würde ich auf weißem Untergrund stellen, die Headline im div:first-child kann mit #eee bestehen bleiben. Zum momentan blauen CI vielleicht einen Touch blau hinzu, z.B. #e6e8ec), einfach mal testen
Das Layout
Es kann vor dem Start eines Layouts sinnvoll sein ein Reset der Abstände festzulegen:
* {margin:0;padding:0;}
Wenn das geschehen ist sollten die Abstände der einzelnen Inhalte angepasst werden, die Seite braucht Luft zum atmen, soll heißen mehr Freiraum. Abstand zum Browserrand u.s.w.
Den Text in voller Breite auf einem 27" zu lesen ist aufgrund deines fluid angelegten Layouts eine ziemliche Anstrengung. Glücklicherweise sind die Texte nicht so lang.
Die Überschriften, insbesondere h3 brauchen mehr margin-top, mind. das 2 bis 2,5fache zu margin-bottom, damit optisch erkennbar wird, das hier eine Trennung erfolgt. Ich würde die h's nicht mittig setzen, ich würde sie mit dem copytext linksbündig anordnen, das erleichtert das lesen für Schnell- scroller oder sucher. h1 sollte als Website-Titel nicht mit der Gestaltung (auch wenn die bgcolor anders ist) der anderen h's gleichgesetzt werden. Den Titel sollte man als »Titel« stärker hervorheben.
Die rechtlichen Dinge wie Kontakt, Impressum, etc. folgen sicher bald, richtig
?
Als letztes die Markup-Validierung, dann ist deine Seite auf einem guten Weg zur Info-Quelle. Apropos Info-Quelle, falls die Inhalte nicht vollst. deiner Feder entstammen, den Quellnachweis im Impressum nicht vergessen! Falls?
