Zeilenhöhe bei Tabellen

[MrMurphy1]

Hallo

Andere Ausgangslage, andere Lösung.

Ich habe mal mein Beispiel aktualisiert. Dabei habe ich

   table {
      table-layout: fixed;
      width: 40vw;
      height: 40vw;
      border-collapse: collapse;
      text-align: center;
   }
   td {
      width: 20%;
      height: 20%;
      background: #cecece;
      border: 1px solid white;
   }

durch

   table {
      table-layout: fixed;
      /*width: 40vw;*/
      /*height: 40vw;*/
      border-collapse: collapse;
      text-align: center;
   }
   td {
      max-width: 8vw;
      width: 8vw;
      max-height: 8vw;
      height: 8vw;
      background: #cecece;
      border: 1px solid white;
   }

ersetzt und die Schrift etwas verkleinert, um Zeilenumbrüche zu vermeiden. Für schmale Fenster muss die Schriftgröße eventuell noch weiter angepasst werden, zum Beispiel durch Media Queries.

Gruss

MrMurphy