Hier mal ein Vorschlag meiner seits.
	
	
		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="cache-control" content="no-cache">
<link rel="stylesheet" href="standard.css" type="text/css" media="screen">
<title>Meine tolle Seite</title>
<style type="text/css">
/*Allg. Reset der Elemente*/
/*BEGIN*/
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}
/*END*/
   body {
      font-size: 14px;
      font-color: #000;
   }
   h3 { font-weigth: bold; font-size: 1.5em;}
   #links {
background: #ccc;
      float: left;
      width: 20%;
   }
   #mitte {
background: #555;
      float: left;
      width: 59.9%;
   }
   #rechts {
background: #acb;
      float: right;
      width: 20%;
   }
</style>
</head>
<body>
   <div id="links">
      <h3>Navigation</h3>
      <ul>
         <li>Menupunkt 1</li>
         <li>Menupunkt 2</li>
         <li>Menupunkt 3</li>
      </ul>
   </div>
   <div id="mitte">
      <h3>Inhalt</h3>
      <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
      <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
   </div>
   <div id="rechts">
      <p>Ut wisi enim ad minim vaniam, quis nostrud exerci tation... Ut wisi enim ad minim vaniam, quis nostrud exerci tation... Ut wisi enim ad minim vaniam, quis nostrud exerci tation...</p>
   </div>
</body>
</html>
	
			Alles anzeigen