Danke Marc,
für Deine viele Arbteit; leider ist das Ergebnis für mich unbefriedigend;
auch mit .vt{justify-content: space-between;}
im style
und <section class="vt">
statt nur <section> verwende.
Hier mal die ganze Aufgabenstellung
Eine borderless Box die die ganze Fensterbreite einnimmt,
oberhalb und unterhalb ist auch noch Inhalt,
soll
nebeneinander 3 borderd Boxen mit gleichen Abmessungen enthalten;
deren
Breite mit der Fensterbreite wächst / schrumpft;
ob
die Höhe eine fixe oder durch den Inhalt bestimmte sein soll ist noch offen.
Die
Abständen der Boxen voneinander und den Fensterrändern sollen gleich sein.
Inhalt
der linken und die mittleren Box sind Tabellen, links und recht borderless,
Tabellen-Breite immer mindestens Boxbreite,
soll
mit der Fensterbreite unbegrenzt wachsen,
kann aber
nicht schmaler als die durch die längsten whitespacefreien Zeichenfolgen
in td- und th-Elementen bedingte Mindesbreite werden.
Wenn
die Boxbreite unter dies Mindestbreite sinkt soll scrollen der ganzen Tabelle einsetzten.