Dawn: Probleme Bei Zweispaltigen Layout...

Beitrag lesen

Hi habe das Problem, dass bei mir das layout nict so angezeigt wird wie ich das gerne hätte... :( (http://de.selfhtml.org/css/layouts/anzeige/2spaltig_links.htm) so sollte es aussehen zumindest von der Ausrichtung her -.- Aber bei mir isses unveränderlich untereinander.

<html>
<head>
<br>
<br>
<br>
<title> Guide </titel>.
<style type="css">
body {
  color: black; background-color: white;
  font-size: 100.01%;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0; padding: 1em;
}

ul#Navigation {
  font-size: 0.91em;
  float: left; width: 22em;
  margin: 0; padding: 0;
  border: 1px dashed silver;
}
ul#Navigation li {
  list-style: none;
  margin: 0; padding: 0.5em;
}
ul#Navigation a {
  display: block;
  padding: 0.2em;
  font-weight: bold;
}
ul#Navigation a:link {
  color: black; background-color: #eee;
}
ul#Navigation a:visited {
  color: #666; background-color: #eee;
}
ul#Navigation a:hover {
  color: black; background-color: white;
}
ul#Navigation a:active {
  color: white; background-color: gray;
}

div#Inhalt {
  margin-left: 1em;
  padding: 0 1em;
  border: 1px dashed silver;
  min-width: 16em;
}
div#Inhalt h1 {
  font-size: 1.5em;
  margin: 0 0 1em;
}
div#Inhalt h2 {
  font-size: 1.2em;
  margin: 0 0 1em;
}
div#Inhalt p {
  font-size:1em;
  margin: 1em 0;
}
</style>
</head>
<marquee direction="right"><h1><div align="center"> <span style="color: red;">Blitz sorce Guide</span> </h1></div>.</marquee>
<br>
<body>
<h1 id="Beispiel"> <span style="color: #F0F0C0;" > Navigationsleiste </h1>
<ul id="Navigation">
    <li><h2><span style="color: #F0F0C0;" >Rubrik 1</h2></li>
    <li><a href="Allgemeines.html"> <span style="color: #F0F0F0;" >Allgemeines</a></li>
    <li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 2</a></li>
    <li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 3</a></li>
    <li><h2><span style="color: #F0F0C0;" >Rubrik 2</h2></li>
    <li><a href="#Beispiel"><span>Seite4</span> </li>
    <li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 5</a></li>
    <li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 6</a></li>
    <li><h2><span style="color: #F0F0C0;" >Rubrik 3</h2></li>
    <li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 7</a></li>
    <li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 8</a></li>
    <li><a href="#Beispiel"> <span style="color: #F0F0F0;" >Seite 9</a></li>
  </ul>
<div align="center">
<div id="Inhalt">
<p>
<APPLET archive="DuriusWaterPic.jar" WIDTH="300" HEIGHT="413" ALIGN="MIDDLE" CODE="DuriusWaterPic.class">
 <PARAM NAME="cabbase" VALUE="DuriusWaterPic.cab">
 <PARAM NAME="image" VALUE="bild2.jpg">
 <PARAM NAME="dim" VALUE="5">
 <PARAM NAME="noise" VALUE="0">
 <PARAM NAME="mouse" VALUE="9">
 <PARAM NAME="timer" VALUE="0">
 <PARAM NAME="target" VALUE="_blank">
 <PARAM NAME="bg" VALUE="F0F0F0">
 <PARAM NAME="reg" VALUE="22454732"> </APPLET>
<body bgcolor="Black"
<span style="color: #F0F0F0;"
<br>
<div id="Inhalt"> <p>bla bla bla ...
<br> blaaaa      (und das hier sollte neben der Navi stehen, tuts aber nunmal nich.)
<br>  blablabla
</div>
</body>
</html>

Weiß jeamnd was ich falsch gemacht habe, bzw woran das liegen kann?