Zeilenhöhe bei Tabellen

[bleumi85]

Ich versuche nochmal mein Problem so genau wie möglich zu schildern, da auch die letzte Idee bisher keine Abhilfe geschafft hat. Mein Konstrukt ist derzeit folgendes:

table{
   table-layout:fixed;
   border-collapse:collapse;
   width:60vw;
   height:60vw;
}

img{
   max-width:80%;
   max-height:80%;
}

Die Idee, die ich versuche umzusetzen ist folgende: Wir betreiben mit ein paar Freunden ein Bundesliga-Tippspiel und ich möchte jetzt visuell für jeden einzelnen Tipper darstellen, wie er welches Spiel getippt hat. Daher habe ich mir eine Tabelle gebaut die in der ersten Zeile und in der ersten Spalte die Vereinswappen beinhaltet. In die Tabellenzellen kommen die Ergebnisse. Wenn ich nur mal angenommen von einer Spaltenbreite von exakt 100px ausgehe ergeben sich die folgenden 3 Resultate wenn ich die Angaben so wähle wie oben:

• Quadratisches Bild (400 x 400): Breite: 80px, Höhe 80px, Zelle: 100x80
• Hochformatiges Bild (400 x 200): Breite: 80px, Höhe 160px, Zelle: 100x160
• Querformatiges Bild (200 x 400): Breite: 80px, Höhe 40px, Zelle: 100x40

Da die Zelle nun die Größe, des größten Elements annimmt, habe ich eine Zellenhöhe von 160px und eine Breite von 100px was nunmal definitiv nicht quadratisch ist.

Was ich gerne hätte ist eine Tabelle der ich bspw. die Breite 50% mitgebe. Daraus ergibt sich eine Zellenbreite, je nach Anzahl der Spalten und diese Zellenbreite hätte ich dann auch gerne als fixe Zellenhöeh, damit es eben quadratisch ist. Das scheint aber irgendwie nicht möglich.