Problem mit width: 25% bei drittem div > ul > li

[MrMurphy1]

Hallo

Die Ausrichtung der Formularfelder für die Tracklist ist in Tabellenform, also wähnte ich eine Tabelle hier richtig, dem ist aber nicht so, wie ich jetzt gelernt habe.

Richtig. Man muss unterscheiden zwischen Tabellendaten (die sehr selten vorkommen) und Tabellenansicht.

Die Tabellenansicht von nicht Tabellendaten, meist von Listen, ist häufig sinnvoll und erhöht die Übesichtlichkeit. So auch in deinem Formular.

Um eine Tabellenansicht zu erzeugen gibt es wiederum mehrere Möglichkeiten. Welche davon die sinnvollste ist läßt sich ohne Kenntnis der Webseite kaum beurteilen. Außerdem müsste man wissen wie sich die Seite auf Smartphones und Tablets verhalten soll.

Außerdem hängt die Entscheidung von den Nebenwirkungen der genutzten Möglichkeiten ab. Die gibt es bei fast allen HTML-Elementen und CSS-Eigenschaften.

Du kannst durchaus "display: table-cell" zur tabellenartigen Darsellung verwenden. Allerdings musst du dann mit den Nebenwirkungen zurechtkommen.

Ähnliches gilt aber auch für andere Möglichkeiten wie Flexbox, float oder inline-block. Die haben alle Vor- und Nachteile.

Du meinst, dann sollte ich flex-box etc. verwenden?

Ich selbst würde Flexbox und / oder float verwenden. Allerdings würde ich den Quelltext auch anders aufbauen.

Gruss

MrMurphy