nicht angemeldet
Hi yoda,
danke für deine schnelle Antwort!
prego!
Du meintest sicherlich das DIV content in deinem Beispiel? Klappt auch so wie Du es angegeben hast.
Für welches immer du eine Sichtbarkeit des Hintergrundes sicherstellen willst. D.h. #inhalt wird nicht aufgespannt, weil du #content eine Höhe gibst (siehe unten)
important wird dann also nur von den neuen Browserns interpretiert,oder?
Das ist richtig, ebenso aber das height: auto. Feste height dann für IE6. Der FF würde den Inhalt aus Box herauslaufen lassen, sobald der Inhlat die px Angabe überschreitet.
Ich bin halt davon ausgegangen, dass die Größe eines DIVs (in diesem Fall DIV mit id=content) abhängig ist vom Inhalt?
Richtig, solange im CSS nichts anderes angegeben ist.
Hier ist der Inhalt die beiden divs, die floaten. Interessant ist auch, dass wenn gar nichts im div mit id=inhalt steht, dass dann das Menue richtig den content "aufspannt", also der hintergrund sichtbar wird. Steht im div mit id=inhalt jedoch nur eine Zeile so wird nur die eine Zeile mit dem Hintergrund von div "content" hinterlegt.
Teste das mal (z.B. mit untzerschiedlichen Hintergrundfarben für alle drei <div>. Das Aufspannen ohne Inhalt für #inhalt machen nur die IE's (auch der IE7 legt hier die alte (falsche) Verhaltensweise an den Tag. Denn:
Meine Schlussfogerung:
Bei fliessenden Elementen hat das zu umfliessende Element eine niedrigere Priorität als das Element welches fliesst. Nur wenn im Element welches fliesst nichts steht hat das richtet sich die Größe des Elternelementes nach dem zu umfliessenden Element!
ist nicht ganz richtig: float nimmt ein Element aus dem Elementfluss des Dokuments und es stellt für die Ränder, Höhen, Breiten etc eines nicht-floatenden Elements keine "Grenze" mehr da, also auch keinen Inhalt, der ein Elternelement aufspannen sollte. Deshalb ist das Verhalten des FF bei #inhalt ohne Inhalt richtig. Mit "Prioritäten" hat das weniger zu tun. Das Verhalten ändert sich z.B. in dem Moment, wo das nächste Element selbst auch einen float hat, dann stoßen sie quasi aneinander. Außerdem wirst du wahrscheinlich für unterschiedliche Browser verschiedene Verhaltensweisen bei unterschiedlichen Doctype Deklarationen beobachten. D.h. die sollte auch beim Testen immer vorhanden sein. Für einigermaßen konformes XHTML z.B.:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Gruß
Antipitch
Der Martin
Gunnar Bittersmann