0

我做了一个网站。在整个开发和测试阶段的20多天里，它运行良好，在此期间我一直在firefox中查看页面，它们都很好。但是今天我突然遇到了firefox的问题。表格数据没有居中，边框也没有像以前那样圆润。但在谷歌浏览器中都很好。你可以查看截图： Mozilla Firefox（以前不是这样！） 谷歌浏览器 请告诉我如何解决它..我已经清除了 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;
}
4

1 回答 1

1

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

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

问题 2 - 不圆角：由于我不是一个非常熟练的 Web 开发人员，这是一个我不知道如何解决的问题。但是，我发现有人这样做的博客文章。

于 2012-07-08T22:24:02.007 回答