php - PHP の動的テーブル幅は、Chrome でのみ正しく表示されます (Firefox、Internet Explorer、または Safari ではありません)。どうしてこれなの？

Question

問題の説明の下に画像が表示されます。それぞれラベル付けされています。コードは記事の最後に表示されます。

コードは chrome (画像 1) に示すように正しく表示されますが、firefox、Internet Explorer (後の記事で IE と呼びます)、および safari (画像 2) では正しく表示されません。表の見出しの内容を削除すると、表の幅が正しく表示されます (画像 3)。<td>...</td>テーブルの一部は 3 つのブラウザすべてで一貫して正しいため、テーブルの幅が正しく計算されていることはわかっています。問題は純粋にディスプレイにありますが、これを修正する方法について何かアイデアはありますか?

表は Chrome で表示する必要があるため、次のようにします。

IE/Firefox/Safari の表:

コンテンツが空になったときの IE/Firefox/Safari の表<th>... </th>(その他のコードの変更はありません):

表見出しのコード:

echo "<table class='main' style='width: 100%;' cellpadding='0' cellspacing='0'><tr>";
echo "<th style='width: 20%;'>Student Name</th>";
while($row2 = mysql_fetch_array($result2))
{
    extract($row2);
    echo "<th style='width: calc(80% / ".$numclasses.");'>**".$classname."**</th>";
}
echo "<th style='width: calc(80% / ".$numclasses.");'>**No Class**</th>";
...<insert correctly behaving <td>...</td> here...
echo "</table>";