Tabelle ist etwas zu breit

Was für ein grausiger Quelltext. Den tut sich doch keiner an. Tabellenlayout ist von vorgestern. Das macht man heute mit CSS.

Ich sehe da nichts, was zu breit sein soll.

Man könnte folgendes mit folgenden Ergänzungen zum CSS versuchen, die Ansicht der Tabelle 'aufzuhübschen':

* {
  box-sizing: border-box;
}

Hiermit wird dafür gesorgt, dass die Elemente sich die Größenangaben im CSS halten und nicht durch Padding und Border anders dargestellt werden, als gewollt.
'border.box' sagt, dass die eingestellte Größe (im CSS) den Inhalt, das Padding und die Border einschließt! Siehe Box-Modell https://wiki.selfhtml.org/wiki/Box-Modell
Aber bitte nach dieser Änderung das Layout auf allen Seiten und Unterseiten prüfen, ob unerwünschte Nebeneffekte auftreten ( * = alle Elemente )

Als zweiten Schritt könnte man die Ampel im 'ersten' td der Reihe besser positionieren. Momentan wird sie durch das Padding 2% aus dem td nach rechts rausgedrückt. Mit...

.content table td:nth-child(odd) {
  padding-left: 0;
}

sollte das linke Padding (im ersten td) auf 0 gesetzt werden und die Ampel dann auch linksbündig in der Tabelle angezeigt werden. Auch hier bitte wieder auf Nebenwirkungen prüfen!

Wenn ich die Frage falsch verstanden haben sollte - einfach die 2 Modifikationen wieder löschen.

Zitat von Ayrtonsenna

Danke für die Motivation. Mal daran denken, dass hier auch Nichtinformatiker/-experten unterwegs sind.

So wie ich auch keiner bin.

Zitat von Ayrtonsenna

Aber das Tabellenlayout habe ich doch durch CSS vorgegeben. Als HTML habe ich dann nur noch den Table-Befehl.

Das meine ich ja, table komplett weg lassen, durch CSS ersetzen, nicht durch CSS definieren.

Zitat von Ayrtonsenna

Mir ist gerade aufgefallen, dass ich unter Firefox auch nichts sehe, sehr wohl aber unter Opera:... Scheint also ein Opera-Problem zu sein.

Das ist unwahrscheinlich. Es liegt sicher an anderen Definitionen, die sich überschneiden können und von Browser zu Browser unterschiedlich umgesetzt werden.