Box neben das Menü setzen

Ich denke es geht dir um die vertikale Position des Bereiches? Dann wäre der einfachste Weg wohl den Bereich fixed zu positionieren. Dann kann man mittels den angaben top, right, bottom und left die Abstände zum Rand des Anzeigebereiches einstellen, unabhängig vom scrollen.

In dem Layout irgendetwas zu positionieren scheint mir aber unmöglich. Ist der CSS Quelltext von dir? Es gibt alleine für die h1-Überschrift 9 (!) CSS Abschnitte, die Styles hinzufügen wollen. Vieles ist doppelt und dreifach angegeben. Nur mal ein Beispiel:

h1,h2{
    font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

h1,h2{
    font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

Ja was denn nun?

Auch das hier:

*{
    /* A universal CSS reset */
    margin:0;
    padding:0;
}

Kommt sowohl in Zeile 1, als auch in Zeile 163 auf, sogar noch mit einer völlig deplatzierten box-sizing Eigenschaft:

* {
  box-sizing: border-box;
}
*{
    /* A universal CSS reset */
    margin:0;
    padding:0;
}

Der center-Tag aus HTML wurde übrigens schon vor über einem Jahrzehnt von CSS ersetzt (durch margin: auto;).

Hast du den CSS Bereich im HTML-Seminar schon mal überflogen? Da erhältst du viele nützliche Tipps zur Positionierung von Elementen. Hier werden dann noch Beispiele Schritt für Schritt erklärt.

Dein jetziger Code ist viel zu groß (Dateigröße die übertragen werden muss) und durch eine Vielzahl an Fehlern in modernen Browsern unberechenbar.

Schickes Hintergrundbild. Facebooks erstes selbst betriebenes Rechenzentrum in Prineville, Oregon vor etwa 6 Jahren eröffnet.