Css-Datei:
Code: 
div.main {
  border: 1px;
  border-style: solid;
  border-color: rgb(0,102,153);
  width: 600px;
  float: left;
}

div.randlinks {
  border: 0px;
  width: 100px;
  float: left;
}

div.randrechts {
  border: 0px;
  width: 100px;
  float: right;
}

div.header {
  border: 1px;
  border-style: solid;
  border-color: rgb(0,102,0);
  height: 98px;
}

div.shortmenu {
  border: 1px;
  border-style: solid;
  border-color: rgb(0,102,102);
  height: 18px;
}

div.down {
  border: 1px;
  border-style: solid;
  border-color: rgb(0,102,153);
  height: 478px;
}

div.menu {
  border: 1px;
  border-style: solid;
  border-color: rgb(255,102,0);
  width: 148px;
  height: 476px;
  float: left;
}

div.front {
  border: 1px;
  border-style: solid;
  border-color: rgb(51,255,0);
  width: 448px;
  height: 476px;
  float: right;
}
HTML-Datei:
HTML-Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <link rel="stylesheet" type="text/css" href="design1.css">
  <title></title>
  </head>
  <body>
  <div class="randlinks">hier soll nix sein
  </div>
  <div class="main">
    <div class="header">
      Hier kommt eine Head-Grafik hin, inklusive Name der Unternehmung.
    </div>
    
    <div class="shortmenu">
      Hier kommen die wichtigsten Linkpunkte hin. (Home, Forum,...)
    </div>
    
    <div class="down">
      <div class="menu">
        Hier kommen die einzelnen Links hinein. Unterteilt in Kategorien.
      </div>
      
      <div class="front">
        Hier kommen dann z.B. News und die ganzen anderen Inhalte hinein.
      </div>
    </div>
  </div>
  <div class="randrechts">hier soll nix sein
  </div>
  </body>
</html>
Irgendwie funktioniert das nicht so richtig...

So solls in etwa aussehen: