td fixe %Breite, Scrollbalken nur wenn nötig

[marctrix]

Hej Rolf,

wenn man in Marcs CSS diese Änderung durchführt:

// neu
html, body, main { margin:0; padding:0 }

// max-height hinzu
main {
  display: flex; max-height: 100vh; 
  justify-content: space-around;
}

wird das Scrolling mMn besser.

Ja, da lässt sich noch einiges verbessern.Ich meine auch, an den Container gehört ein flex-wrap: wrap; damit eben kein Scrollbalken kommt, sondern die Tabellen auf kleinen Bildschirmen untereinander stehen.

Aber ich fürchte, da wird mathefritz nicht auf mich hören 😉

Ansonsten sagte ich ja schon, dass ich gerne Tipps zu dem konkreten Problem gebe, aber nicht die komplette Arbeit erledigen werde 😉

Auch habe ich schon gesagt, dass ich inzwischen inline-table den Vorzug geben würde oder alternativ die Tabellen Kinder von main sein könnten. Abhängig davon, ob vielleicht noch mehr in die Kästen soll, beispielsweise eine Beschreibung dessen, was man in der Tabelle findet. Meiner Ansicht nach sinnvoll…

Erst dann benötigt man ein gruppierendes Element wie div oder section…

Wenn es noch Bereiche ober- und unterhalb des Flexbereichs gibt, muss man die max-height natürlich etwas anders steuern. Dann kommen wir in den Bereich der Flexbox-Lösung, zu der Gunnar bäh sagte 😉

Gunnar sagte zu zusätzlichem Markup bäh…

Ich habe zu Mathefritzens Problem aber auch noch mal mit dem Grid gespielt - kann man daraus etwas machen?

Auf jeden Fall. Ist sogar noch besser als flex, nur nicht, wenn alte Browser unterstützt werden sollen. Aber dazu hat sich mathefritz ja immer noch nicht geäußert. Ob er überhaupt schon die Rahmenbedingungen für sein Projekt kennt? 😉

Marc