Hi,

Ich möchte das ganze in ein CMS (typo3) einbetten und die User sollen alles selber einstellen können, verschiedene Bullet-Bildchen für verschiedene Ebenen und so weiter. Bisher habe ich das mit verschachtelten Tabellen gelöst und ich dachte ich steige jetzt mal auf div's um. Das scheint allerdings nicht so einfach wie ich dachte. *seufz*

Der blaß-orange Bereich ist zu schmal.

Der IE geht - so wie's aussieht - wie folgt vor:

Der blaß-orange Bereich hat eine bestimmte Breite - diese wird erstmal genommen.

Jetzt wird die Breite des schwarzen Bereichs in diese Breite eingepaßt.

Dann wird die Breite des roten Bereichs in den schwarzen Bereich eingepaßt.

Dann wird die Breite des grünen Bereichs in den schwarzen Bereich eingepaßt - das klappt aber nicht, dieser ist zu breit. Dank des vom schwarzen div geerbten white-space:nowrap darf auch nicht umgebrochen werden.
Da IE auch statt overflow:visible korrekt umzusetzen lieber die Größe des Bereichs an den Inhalt anpaßt, wird das grüne Element verbreitert.

Da IE auch statt overflow:visible korrekt umzusetzen lieber die Größe des Bereichs an den Inhalt anpaßt, wird demzufolge auch das schwarze Element verbreitert.

Da IE auch statt overflow:visible korrekt umzusetzen lieber die Größe des Bereichs an den Inhalt anpaßt, wird demzufolge auch das blaß-orange Element verbreitert.

Eine Neuberechnung der Breite der Nachfahrenelemente findet dabei wohl nicht statt ==> das rote Element wird nicht auf die Breite des grünen Elements gezogen - denn das paßt ja in die vorgegebene Breite.
Dadurch kommt hier das hintere schwarze Element zum Vorschein.

cu,
Andreas