Verwenden von calc () mit Tabellen
Ich versuche einen Tisch mit fester Breite zu bekommentd
s und variable Breitetd
s.
Ich benutze das CSScalc()
Funktion, aber irgendwie scheint es, als könnte ich nicht verwenden%
in Tabellen.
Das ist das, was ich bisher habe:
<table border="0" style="width:100%;border-collapse:collapse;">
<tr style="width:100%">
<td style="width:30px;">1</td> <!--Fixed width-->
<td style="width: calc( (100% - 230px) / 100 * 40);">Title</td> <!--Width should be 40% of the remaining space-->
<td style="width: calc( (100% - 230px) / 100 * 40);">Interpret</td> <!--Width should be 40% of the remaining space-->
<td style="width: calc( (100% - 230px) / 100 * 20);">Album</td> <!--Width should be 20% of the remaining space-->
<td style="width:80px;">Year</td><!--Fixed width-->
<td style="width:180px;">YouTube</td><!--Fixed width-->
</tr>
</table>
Wie ich es sehe, sollte es funktionieren, ist es aber nicht.
Weiß jemand, wie man das löst? Oder hat vielleicht ein anderer Vorschlag, wie ich mein Ziel erreichen könnte?