molily: Google Chrome float Bug?

Beitrag lesen

Hallo,

In allen Browsern wird dieser Code korrekt?!? angezeigt indem beide div's rechts von dem ersten stehen. Nur in Google Chrome rutsch das zweite div immer unter das erste div.

Ob das dritte div neben dem ersten liegt oder darunter, liegt allein an der Höhe des Inhalts des ersten divs (der besagten Liste).

Aus deinem Beispiel wird nicht klar, was Chrome hier anders macht als andere Browser. Alle CSS-konformen Browser verhalten sich in diesem Punkt gleich. Es kann höchstens sein, dass Chrome andere Standard-Abstände anwendet und sich deshalb die Höhen unterscheiden.

Wenn du willst, dass Elemente neben einem Float immer eingerückt sind, so musst du sie entsprechend formatieren. Siehe Grundlagen für CSS-Spaltenlayout, speziell Mehrspaltigkeit mit float. Entweder kannst du die Elemente, die in der zweiten Spalte stehen sollen, in ein weiteres Element verpacken und dieses ebenfalls floaten lassen. overflow: auto oder overflow: hidden hätten ebenfalls diesen Effekt. Oder du gibst ihnen jeweils ein margin-left, sodass sie eingerückt sind.

Mathias