4

テーブルがブラウザ間で完全に異なって表示されるように見えるという少し厄介な問題があります。テーブルは次のように設定されています。

<table width="100%" border="1" cellpadding="4"  cellspacing="0" bordercolor="#eeeeee">

#eeeeee では左のもの (Chrome) が正しいのですが、FF と IE は作り話のようです!! 私のCSSには、テーブルの境界線を指定することに漠然と近いものは何もありません（CSSファイルのリンクを解除しようとしても、問題は残りました）

何か案は？

ここに画像の説明を入力

4

5 に答える 5

9

@Darkat Studios

<table width="100%" border="1" cellpadding="4" cellspacing="0" style="border: 2px solid #eeeeee;">-今は確かに明るい灰色の境界線がありますが、セルはすべてまだ黒で輪郭が描かれています..非常に奇妙です！– </ p>

border="1"を削除する必要があります

于 2012-09-20T12:25:20.077 に答える
4

このCSSを試してください

table{
    border-collapse: collapse;
    border: 1px solid #eee;
    width: 100%;
}
table th,
table td
{
    padding: 4px;
}

そして、HTML を単純な状態に変更します

<table>
于 2012-09-20T11:23:54.420 に答える
2

CSSでそれを与えます：

table {border: 2px solid #eeeeee;}

または少なくとも：

table {border-style: solid;}

ここで、すべてのブラウザをチェックインします。

于 2012-09-20T11:02:47.813 に答える
1

はい、非標準属性の実装はbordercolorブラウザーによって異なります。ブラウザのモード (Standards vs. Quirks モード) にも依存します。

table要素とそのセルのすべての境界プロパティを CSS で設定することにより、状況をより一貫性のあるものにすることができます。または、CSS のみでテーブルとそのセルのスタイルを設定することもできます。

于 2012-09-20T14:23:42.433 に答える