Nye problemer med floatede divs
Se mit eksempel herunder. Jeg har brug for at min container DIV kaldet "middle" automatisk får samme højde som de 2 floatede div´er den indeholder. Lige nu vises den specificerede baggrundsfarve for "middle" ikke, da browseren ikke fortolker nogen højde på denne DIV. Hvordan kan mit projekt lykkes ?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<style>
body,html {
margin:0px;
padding:0px;
height:100%;
}
</style>
</head>
<body>
<div style="width:200px; height:100%; background:silver;">
<div id="middle" style="background:red; clear:both;">
<div style="float:left; width:100px;">left</div>
<div style="float:left; width:100px;">right</div>
</div>
<div id="bottom" style="clear:both;">bottom</div>
</div>
</body>
</html>
