Anonym

<html>
<head>
  <title>Deine kleine Testseite</title>
  <style>
    *
    {
      padding:0px;
      margin:0px;
      spacing:0px;
      border:0px;
    }
  </style>
</head>
<body style="background-colo:black;">
  <!-- Hier kommt der Block, der alles enthlt und zentriert -->
  <div style="margin:auto;width:800px;border:1px solid red;">
    <!-- Dieser Block ist der Header ganz oben-->
    <div>
      Hier kommt dein Logo rein
    </div>
    <!-- Dieser Block ist das Men rechts am Rand -->
    <div style="float:right;width:200px;border:1px solid teal;">
      Hier kommt der Meninhalt rein<br/>
      Knopf<br/>
      Knopf<br/>
      Knopf<br/>
      Knopf<br/>
      Knopf<br/>
      Knopf<br/>
      Knopf<br/>
      Knopf<br/>
    </div>
    <!-- Dieser Block sorgt dafr, dass Men und Hauptinhalt sich nicht berschneiden -->
    <div style="padding-right:200px;">
      <!-- Dieser Block ist der Hauptinhalt -->
      <div style="border:1px solid navy;">
        Hier kommt der Hauptinhalt rein
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
      </div>
    </div>
    <!-- Diese (unsichtbare) Box sorgt fr eine Ausrichtung aller Elemente darunter unter Men- und Inhaltsbox -->
    <div style="clear:both;"></div>
    <!-- Dieser Block ist die Fuzeile -->
    <div style="border:1px solid black;">
      &copy; by Fuzeile!
    </div>
  </div>
</body>
</html>