0

私の Web サイトhttp://www.matejkadesign.comでは、Chrome、IE、および Firefox で一貫したスタイルの外側の表の境界線を表示する際に問題が発生しています。必要なスタイリングは Chrome にありますが、他の 2 つのブラウザーでは異なります。修正を探しましたが、何も見つかりません。CSS でテーブルのスタイルを設定するのではなく、次のように html でスタイルを設定します。

<table align="center" cellspacing="5" cellpadding="5" border="4" bordercolor="#3c2610" width="310px" >

これにより、3 つの異なる効果が生じるようです。Firefox と IE でスタイルを Chrome と同じにするにはどうすればよいですか?

4

2 に答える 2

3

インライン スタイルを使用する必要がある特定の理由はありますか?

タグと同様borderに両方に正確なスタイルを定義することで、これらの動作を修正できます。これにより、ブラウザーが独自のスタイルを適用するのを防ぐことができます。tabletd

これを試して：

table {
    border: 4px solid #3C2610;
}

td {
    border: 1px solid #3C2610;
}
于 2013-03-09T23:20:34.820 に答える
2

<!--Comment--> Doctype の前にHTML があり、IE が quirks モード (IE5 と同等) になります。IE は基本的に、ドキュメントに doctype がないかのようにドキュメントを解析します。何も先行してはならない<!DOCTYPE html>

次に、HTML 4.01 の非推奨のテーブル属性を使用していますが、技術的には HTML 5 doctype を宣言しています。これらの 2 つの理由が、ブラウザ間の不一致を説明している可能性があります。

また、サイト全体で非推奨のalign属性を数回使用しています.. HTML 4.01属性を使用することを主張する場合は、少なくともDoctypeをそれに一致するように変更してください:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

于 2013-03-09T23:08:47.863 に答える