Maik: Float aufheben in bestimmten Container

Beitrag lesen

Hier nochmals ein vereinfachtes Beispiel, einfach mit C&P rausnehmen und mit Browser öffnen:

Wenn ich dem DIV mit der ID "content" den Style overflow:hidden gebe, dann geht es wie geschrieben im FF nur nicht in den IE´s.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<html>
<body>

<div id="navi" style="float:left;">
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
  Navigation<br>
 </div>

<div id="content" style="padding-left: 10em;">
  <h1>Ueberschrift 1</h1>
  <p>Bla bla</p>
  <h1 style="float: left;">Ueberschrift1</h1>
  <p style="clear: left;">Bla bla</p>
 </div>
</body>

</html>