Question

我已经创建了一个网站。在20多天的整个开发和测试阶段都工作得很好，在此期间我总是在firefox中查看这些页面，并且它们都很好。但是今天突然我遇到了firefox的问题。表数据不居中，边框不像以前那样是圆形的。但它们在Google Chrome中都很好。您可以查看截图： Mozilla Firefox（以前不是这样的！） Google Chrome 请告诉我如何解决它..我已经清除了Firefox的所有缓存和会话，但仍然是相同的

UPD 好的，我也提供了代码：

表格的Php代码（仅限代码段）

$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中，您的第一行将文本对齐分配给“居中”。互联网由美国人创立，所有浏览器都支持美国拼写“中心”。问题可能是Firefox不支持英文单词的拼写。但是，直到尝试，我才会知道。

问题2 - 角落没有四舍五入：由于我不是一个非常熟练的网络开发人员，这是一个我不知道如何解决的问题。但是，我找到了blog post by someone who does.

我的WebPages与Firefox和Chrome不一致

1 个答案: