Tabellenbreite

[MrMurphy1]

Hallo

Nur zur Info: Das table-Element ist sachlich falsch, da keine Tabellendaten vorhanden sind. Du hast eine Liste die in Tabellendarstellung angezeigt werden soll. Als HTML-Element ist deshalb das dl-Element mit seinen Kindelementen dt und dd angebracht.

Aber zu deinem Problem:

Eine Tabelle beansprucht zunächst nur so viel Platz wie ihr Inhalt erfordert. Um Leerraum verteilen zu können muss er zunächst erzeugt werden. Dazu kannst du die Breite (width) des table-Elements zum Beispiel auf 100% erweitern.

Dann kannst du den einzelnen Spalten bestimmte Breiten zusordnen. Das geht natürlich nur wenn das Fenster breit genug ist. Die Darstellung für Smartphones und Tablets sollte über responsive Layouts mittels Media Queries angepasst werden.

Die Tabellenspalten kannst du entweder über die HTML-Elemente colgrounp und col oder über Selektoren bestimmen. Dort kannst du dann die von dir gewünschten Breiten vorgeben.

Sinnvoller ist meist jedoch mittels padding einen Mindestabstand zwischen Inhalt und Zellenrand vorzugeben und den Rest dem Browser zu überlassen.

Gruss

MrMurphy