Zeromancer: Float und Brett vorm Kopf

Beitrag lesen

Hallo,

ich kann leider zur Zeit keine Seite online stellen, deshalb hier mein Code.

Das Div mit der id="content" umfließt leider nicht das Div mit der id="subnavi".

Woran könnte dies liegen?

Die Validatoren für CSS und HTML auf w3c.org geben keine Fehlermeldungen aus.

HTML
----

<!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>
<title>Test</title>
<link rel="Stylesheet" type="text/css" href="screen.css" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>
<body>
<div id="head">&nbsp;</div>

<div id="navi">&nbsp;</div>

<div id="subnavi">&nbsp;</div>

<div id="content">&nbsp;</div>

<div id="foot">&nbsp;</div>

</body>
</html>

CSS
------

html {
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
}
body {
  font-size:101%;
  font-family:sans-serif;
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
}
div#head {
  width:100%;
  height:80px;
  background:#ff0000;
}
div#navi {
  width:100%;
  height:30px;
  background:#00ff00;
}
div#subnavi {
  width:150px;
  height:200px;
  float:left;
  border:solid 2px #ff0000;
  background:transparent;
}
div#content {
  border:dotted 2px #000;
  background:#ff8800;
}
div#foot {
  clear:both;
  width:100%;
  height:40px;
  background:#88ff00;
}

Mit freundlichen Grüßen

André