Nick: Navi/Content

Beitrag lesen

Hallo!

Kann mir vielleicht jemand sagen wo mein Fehler liegt... Das Navi wird oben rechts angezeigt und das Bild (Content) links unten. Ich möchte aber das Beides nebeneinander ist.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <title>Startseite</title>

<style type="text/css">
  body {
    background-color: ivory;
  }
 #navi {
   width: 13em;
   float: left;
  }

#h1 {
margin:0px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
}

#content {
   margin-left: 13em;

}
  ul {
      margin: 0;
   padding: 0.8em;
   }

* html ul {  /* Korrekturen fuer IE 5.x */
      width: 6.9em;
      w\idth: 8em;
      padding-left: 0;
      padd\ing-left: 0.8em;
    }
 ul li {
      list-style: none;
      margin: 0.6em; padding: 0;
    }
 #menu a {
  display:block;
  width:120px;
  margin: 1em 0; padding:7px 0 10px 20px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  background: url("button.gif") 0 0 no-repeat;
  text-decoration: none;
  }
 #menu a:hover {
  background-position: -157px 0;
  color: #E9BE75;
  }
 #menu a:active {
  background-position: -314px 0;
  color:white;
  }

</style>

</head>
<body>
<div id="h1">

<h1></h1>

</div>
<div id="menu">
 <ul>

</ul>

</body>

</html>