Der IE stellt es richtig dar, aber der Firefox schließt die main DIVISION vorzeitig ab, so dass der Inhalt in der Luft hängt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<title>HTML DIV TEST</title>
<style type="text/css">
body {background-color:moccasin}
#main {width:920px;margin:auto;background-color:lightblue;padding:20px;border:1px outset}
#dleft {float:left;width:410px;background-color:ivory;font-family:verdana;font-size:13px;padding:10px}
#dright {float:right;width:410px;background-color:ivory;font-family:verdana;font-size:13px;padding:10px}
</style>
</head>
<body>
<div id="main">
<div id="dleft">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</div>
<div id="dright">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</div>
</div>
</body>
</html>
Die Höhe (height) kann ich nicht angeben, weil sie vom veränderbaren Inhalt (Text) abhängig ist.
Mache ich etwas falsch?