4 DIVs gleichmäßig nebeneinander verteilen

[Klaus]

Hier kann ich auch munter das Fenster vergößern/verkleiner und das Layout passt sich an.
Du musst bei dieser Art der Umsetzung aber beachten, dass die Boxen nicht umbrechen, sollte der Viewport zu schmal werden/ sein.

Es empfiehlt sich deshalb vielleicht noch ein 'min-width: 800px;' zu dem #box_wrapper hinzuzufügen.

Bei min-width: 800px reagiert er sogar insofern gut, als dass er dann Scrollbalken setzt. Passt also.

Das Beispiel soll ja auch nur die Funktionsweise von 'display:table' demonstrieren.

Mit display:table und display:table-cell hatte ich auch probiert, aber nicht, nochmal ein Div in die Table-Cell zu setzen. Das Table-layout:fixed hatte ich bisher nicht gebraucht, da ja alle 4 Boxen die selbe Breite haben.

Interessehalber: Worin besteht jetzt der große Unterschied/Vorteil zwischen tatsächlichen Tabellen und Div-Elemente, die sich wie eine Tabelle verhalten?

Klaus