我的网页与 Firefox 和 Chrome 不一致

Question

我做了一个网站。在整个开发和测试阶段，我一直在Firefox中查看了20多天的页面，它们都很好。但是今天我突然遇到了Firefox的问题。表格数据没有居中，边框也没有像以前那样圆润。但在谷歌浏览器中都很好。你可以查看截图： Mozilla Firefox（以前不是这样的！） Google Chrome 请告诉我如何解决它..我已经清除了所有的缓存和 Firefox 的会话，但仍然是一样的

UPD 好的，我也提供代码：

表格的php代码（只有sn-p）

$result = mysql_query("SELECT username,rating,contests,rank from users order by (rating) desc limit 10");
echo '<table id="problems">
<thead><tr> 
<th colspan="3" align="center" ><font color="red" ><h2>Top Rated</h2></font></th>
</tr></thead>
<tr>
<th>#</th>
<th>Username</th>
<th >Rating </th>
</tr>';
while($row = mysql_fetch_array($result))
{   
    require_once("color_gen.php");
    require_once("rankings.php");
    ranker_rater();
    $color=ColorGen($row['rating'],$row['contests']);
    $uname=$row['username'];
    $rank=$row['rank'];
    echo "<tr>";
    echo "<td>" . $rank. "</td>";
    echo '<td><a href="profile.php?search=' . $uname . '" class="a"><font color="'.$color.'">'.$uname.'</font></a></td>';
    echo "<td>" . $row['rating'] . "</td>";
    echo "</tr>";
}
echo "</table>";

以及对应的CSS

#problems
{
text-align:centre;
border:solid;
border-width:2px;
border-color:#CCC;
width : 100%;
}
#problems th,td
{
    padding: 4px;
    font-weight: normal;
    border:solid;
    border-width:1px;
    border-color:#CCC;
    font-size: 15px;
    color: #039;
    //background: #b9c9fe;
    text-align:center;
}

Answer 1

知道不同的浏览器有不同的默认功能。这是我解决这个问题的基本方式。谷歌浏览器通常对 Web 开发人员更友好，更擅长纠正错误。但是，如果您希望在所有浏览器中保持一致，请确保明确说明这些值。

问题 1 - 文本未居中：我注意到在您的 CSS 中，您的第一行将 text-align 分配给“居中”。互联网是美国人创立的，所有的浏览器都会支持“center”的美式拼写。问题可能是 Firefox 不支持该词的英式拼写。不过，在尝试之前我不会知道。

问题 2 - 不圆角：由于我不是一个非常熟练的 Web 开发人员，这是一个我不知道如何解决的问题。但是，我找到了blog post by someone who does.