Murmelin: Google Chrome float Bug?

Beitrag lesen

<div style="width:200px; float:left;"> eine Liste hier</div>

<div style="height:40px;">ein bisschen Text hier</div>

<div>flexible Höhe in diesem Feld</div>

  
Wenn bei einem div keine Breite und kein float angegeben wird, ist er 100% breit und passt damit nicht neben ein anderes Element.  
  
Einige Browser (Firefox, Opera) "überlagern" das float-Element mit einem daneben befindlichen div. Man kann das gut sehen, indem man dem zweiten div eine Hintergrund-Farbe oder einen border gibt.  
  
Lediglich der Text im zweiten div weicht dem float-div aus. Was dazu führt, dass deine Konstruktion auch in anderen Browsern nicht zwei getrennte Spalten ergibt, die über die Höhe des float- divs hinausgehen.  
  
Korrekt wäre es, dem zweiten div eine Breite und einen linken margin zu geben.  
  
Murmelin