Zitat Zitat
Das hast du falsch verstanden, ich hab gesagt, du hättest dir das Bild sparen können, weil du gar nicht genug nach rechts gescrollt hattest
Problem ist, dass niemand horizontales scrollen mag.

Du setzt voraus, dass deine Besucher eine Bildschirmaulösung von genau 1024x768 besitzen, mit allen anderen Auflösungen sieht die Seite nämlich nicht so aus, wie du es dir vorstellst.

Also nochmal Codereview.

  • Das mit dem Bild als Überschrift hast du falsch verstanden. Das Bild gehört innerhalb von <h1 /> nicht das <h1 /> innerhalb des Bildes.
    HTML-Code: 
    <h1><img src="images/header.jpg" alt="Klasse 3H" /></h1>
    Dann kannst du auch das Umschließende <div> entfernen und gleich dem <h1 /> die ID box1 geben.
  • Du kannst auch der Liste (<ul>) die ID box2 direkt geben. Zusätzlich kannst du bestimmen, dass Listenpunkte innerhalb dieser Liste als inline* dargestellt werden.
  • Das mit Inhalt und Navigation war ein sprachlicher Fehler meinerseits. Ich meinte <div> für Inhalt und <div> für Loginbereich in einem relativ positioniertem <div>. Nicht Inhalt und Leistennavigation
    Dann positionierst du den absolut positionierten Loginbereich nämlich relativ im relativ positioniertem <div>.
  • Dein Code ist leider auch schwer lesbar, weil du <div>s fast nie an der Position schließt, an der su sie andernorts geöffnet hast.


Naja, du siehst, Positionierung ist sehr komplex. Die vier Arten der Positionierung werden auch von Michael Jendryschik etwas bearbeitet. Vielleicht hilft dir das ein wenig.

Zitat Zitat
Dabei gabs ein paar sehr große Änderungen. Allerdings zum Guten, wie ich finde.
Tut mir leid, ich habe vorher nie groß darauf geachtet, kann die Änderungen daher nicht nachvollziehen.
Leider ist auch der ganze Code auf einer Zeile, weshalb ich da auch nichts dazu sagen kann.