display:table vs block

[Justus]

Hi,

Nach einem float-Bereich reagieren Elemente mit display:block anders als mit display:table. Beide haben eine widht=100%. Block-Elemente wandern neben das float-Bereich, aber eine Tabelle wird konsequent erst danach dargestellt.

Nein. Der Block-Bereich erstreckt sich auf die volle Breite - nur sein Inhalt wird neben
dem Float-Bereich dargestellt.
Gib dem block mal border/background, dann siehst Du, was passiert.

Stimmt, der Rahmen geht durch die Liste. Das verstehe ich nun genauso wenig wie Encoder.

Wie bekomme ich die Tabelle neben den float-Bereich? Einfach ein display:block, dann wäre das CSS ja nicht mehr ganz semantisch ;-)

Nein. Verringere die Breite der Tabelle, so daß sie noch daneben paßt.

Tja, dazu müsste ich die Breite des dynamisch erstellten float-Bereichs wissen, richtig? Das ist im Original ein Mediawiki-Inhaltsverzeichnis, da will ich keine feste Breite angeben. Aber man könnte die Tabelle auf eine Breite von 50% oder 70% reduzieren, das sollte dann in den meisten Fällen funktionieren.
Ich verlinke mal das Live-Beispiel, es geht um die erste blaue Hinweisbox. Man sieht, dass es ist nicht allzu tragisch ist, solange das Inhaltsverzeichnis nicht noch mehr wächst.
http://www.dmxcontrol.de/wiki/Benutzer:Lichtheini

cu,
Andreas

Danke!
justus