mrx: Float-Positionierung

Hallo,
ich habe einen grünen, umgebenen div und zwei nebeneinander positionierte innerhalb (blau und rot). Das Problem ist, dass bei viel Inhalt der umgebenende div zu klein ist, also die sich innerhalb befindenden divs nicht umschließt.
Was kann ich dagegen tun?

Thomas

http://vfb-stuttgart.piranho.de/test.html

  
<?xml version="1.0" ?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title>Beschreibung der Seite</title>  
</head>  
<body>  
  
  
<div style="background-color:green; width:800px; margin:0 auto;">  
  
<div style="float:left; background-color:red; margin-left:10px; width:570px;">  
Viel Inhalt  
</div>  
  
<div style="background-color:blue; margin-left:590px; margin-right:10px;">  
Viel Inhalt  
</div>  
  
</div>  
  
</body>  
</html>  
  

  1. @@mrx:

    nuqneH

    Was kann ich dagegen tun?

    Lesen.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
  2. Hallo Thomas,

    gib dem umschließenden Element auch ein float:left, dann geht es.

    j.

    1. gib dem umschließenden Element auch ein float:left, dann geht es.

      "Einfach und verführerisch der Pfad zur dunklen Seite ist." --Yoda

      1. Muahahaha ... >:-)

        Darth Janne