Firefox und float bei verschachtelten DIVs ->Bockmist

[MudGuard]

Hi,

.drumrum {
background-color : red;
width:600px;
height : 100%;

Das bezieht sich auf die Höhe des Elternelements.
Sollte dieses keine Höhenangabe haben (also height:auto gelten), gilt für .drumrum ebenfalls height:auto;
Also wird .drumrum so hoch wie nötig.

}

.inhalt {
width:300px;
background-color : #eee;
float:left;

Hiermit nimmst Du .inhalt aus .drumrum raus, .inhalt darf die Höhe von .drumrum nicht mehr beeinflussen.

clear : right;
}

alle browser außer dem firefox erweitern den roten kasten bis unten hin; der FF stellt ihn einfach nicht mehr dar. warum? was kann ich tun?

Der Firefox verhält sich eben so, wie height und float definiert sind.

Vermutlich reicht es für Deine Zwecke, im .drumrum ein Element mit clear:both einzusetzen - nach den floatenden Elementen.

cu,
Andreas