ungewolltes vertikales zentrieren

[Efchen]

Semantisch sieht es schon gut aus. Eine Sache muss ich aber noch bemängeln und die mag im ersten Moment wie Haarspalterei klingen, ist sie aber nicht:

Deine IDs und Klassennamen sind nicht semantisch korrekt gewählt!

Warum das auf einmal?

Eine der Stärken von CSS ist, dass das KOMPLETTE Layout und Design im externen Stylesheet liegt und nur durch Tausch dieser einen Datei völlig umgekrempelt werden kann. Wie sowas aussieht, siehst Du sehr eindrucksvoll auf css Zen Garden: The Beauty in CSS Design

Wenn Du nun irgendwann mal Dein Menü div#left auf die rechte Seite packen willst, hast Du den Salat. Du hast nun auf etlichen Seiten ein Element mit ID "left", was aber eigentlich rechts steht. Das macht Dich dann irgendwann wahnsinnig und Du baust Fehler ein. Du wirst sicher nicht hergehen wollen, und in allen Dateien, wo das drin steht, den Namen ändern.

HTML ist für die Semantik zuständig, das gilt für alles, nicht nur den Inhalt, sondern auch die Bezeichnungen des Inhalts. Wenn man Semantik strikt von Layout trennt, dann hat man eine Website, die perfekt einfach zu warten ist. Nenne Dein div#left z.B. div#Sidebar oder div#Menubalken. Das selbe gilt für alle anderen Namen/IDs/Klassen, die Du aufgrund ihres Layouts gewählt hast.

"content" und "clearall" sind okay.

Und weils mir gerade noch auffällt...Dein menubg_footer.png enthält keinen Content, sollte also per CSS als Hintergrundbild eingebunden werden. Nur Content kommt per <img> rein. Schalte mal die Grafiken ab und guck Dir die Seite an. Da steht jetzt überall "menufooter". Keiner weiß, was das bedeuten soll. Das nervt, das macht die Seite seltsam, wenn nicht sogar unübersichtlich. Das könnte schon die ersten wieder vergraulen. Installier Dir Lynx (Textbrowser), dann wird es noch grauenvoller :-)

Aber das waren jetzt schon Tipps für HTML-Fortgeschrittene. Aber wenn Du das jetzt so verstanden und verinnerlicht hast, dann kannst Du Dich problemlos mindestens so nennen!

Und ich hoffe, Du hast erkannt, wie leicht HTML eigentlich ist und dass HTML rein gar nichts mit der Anzeige im Browser zu tun hat. Wenn es *klick* bei Dir gemacht hat, dann ist auch die strikte Trennung von Inhalt und Layout (dazu müsstest Du natürlich Deine Styles noch in ein externes Stylesheet auslagern) kein Problem mehr für Dich und dann kannst Du Dich auf die Besonderheiten von CSS stürzen und Dich mit Browserunterschieden rumschlagen, dann bist Du nur noch einen Schritt weit weg vom Experten!

Viel Spaß weiterhin,
-Efchen

 

[Egleria]

Hehe danke dir für die guten Tips. Ist manchmal noch etwas schwer für mich zu entscheiden was nun content ist und was nicht ;)

Dann baue ich halt wieder ein div für den menubg_footer, wie es auch anfangs vorhanden war, und die ID's werde ich entsprechend umbenennen.

Das mit den Auslagern war mir durchaus bewusst. Die Seite soll ja wenn sie fertig ist vollkommen dynamisch durch php funktionen ausgegeben werden. Die jetzige Version habe ich nur so statisch aufgesetzt, weil ich mir das Design mal fertig anschauen wollte. ^^

Danke dir für alles!

//EDIT:
Habe es nun mal geändert. Ich hoffe es passt so besser ;) Ansonsten habe ich mal das div für den Seitenfuß gegen ein <em> mit der ID "copyright" ausgetauscht. Schließlich soll da ja mal Inhalt rein und es ist meiner Meinung nach wichtig. :)

 

[Efchen]

Hehe danke dir für die guten Tips. Ist manchmal noch etwas schwer für mich zu entscheiden was nun content ist und was nicht

Hmmm...echt? Das mag jetzt arrogant klingen, aber soll es nicht sein. Ich bin immer davon ausgegangen, dass das eines der leichtesten Dinge ist, dass man das auf Anhieb sehen kann. Ich lass mich aber gerne auch eines besseren belehren, damit ich meine Antworten in Zukunft vielleicht auch etwas anders formulieren kann.
Content ist für mich eigentlich alles, was irgendeinen Inhalt vermittelt. Alles, wo etwas fehlen würde, wenn es nicht mehr da wäre (wie z.B. wenn Grafiken abgeschaltet sind).

Habe es nun mal geändert. Ich hoffe es passt so besser

Ja, sieht gut aus. Eine Sache fehlt aber noch :-)
http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

Ansonsten habe ich mal das div für den Seitenfuß gegen ein <em> mit der ID "copyright" ausgetauscht. Schließlich soll da ja mal Inhalt rein und es ist meiner Meinung nach wichtig. :)

Dann wird das schon so passen...ich hab nur überlegt, ob das <em> als Inline-Element nicht in einen Container (Block-Element) rein muss, dann hätte ich das in <p> gestellt, immerhin ist es auch Text (also p + em), aber vermutlich ist das bei HTML Transitional erlaubt, bei Strict wohl nicht.