【发布时间】:2013-08-20 17:06:38
【问题描述】:
图像显示在问题描述下方;分别标注。代码显示在帖子的末尾。
代码在 chrome 中正确显示(图 1),但在 Firefox、Internet Explorer(后面称为 IE)和 safari(图 2)中显示不正确。删除表格标题内容后,表格宽度显示正确(图 3)。我知道表格宽度计算正确,因为表格的<td>...</td> 部分在所有三个浏览器中始终正确。这个问题纯粹是在显示中,有人对如何解决这个问题有任何想法吗?
由于表格应该在 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>";
【问题讨论】:
标签: php html html-table width