0

私はウェブサイトを作成しました.20日以上の開発とテストの段階全体で問題なく動作し、その間常にFirefoxでページを表示し、すべて問題ありませんでしたが、今日突然Firefoxで問題が発生しました。テーブルデータは中央に配置されておらず、境界線は以前のように丸みを帯びていません。ただし、Google Chromeではすべて問題ありません。スクリーンショットを表示できます： Mozilla Firefox（以前はこのようではありませんでした！） GoogleChrome お願いしますそれを修正する方法を教えてください..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

ブラウザが異なれば、デフォルトの機能も異なることを知っておいてください。これが私がこの問題を攻撃する基本的な方法です。Google Chromeは通常、Web開発者にとってより親切で、エラーの修正に優れています。ただし、すべてのブラウザで一貫性を持たせたい場合は、値が明示的に記述されていることを確認してください。

問題1-テキストが中央に配置されていない：CSSで、最初の行がtext-alignを「centre」に割り当てていることに気付きました。インターネットはアメリカ人によって設立され、すべてのブラウザはアメリカ式の「センター」のスペルをサポートします。問題はおそらく、Firefoxが英国式の単語のスペルをサポートしていないことです。でも、試してみるまでわかりません。

問題2-角が丸くない：私はあまり熟練したWeb開発者ではないので、これは解決方法がわからない問題です。しかし、私はそうする誰かによるブログ投稿を見つけました。

于 2012-07-08T22:24:02.007 に答える