ファイアフォックスだと色が付くのに、IEだと黒になってしまいます。テーブルのタグはにしています。ＩＥでも色を付けたい場合はどう書けばいいでしょうか？

テーブルの枠線に色が付かない

解決済

質問者：pbfjqinclaijx
質問日時：2013/03/30 11:52
回答数：3件

ファイアフォックスだと色が付くのに、IEだと黒になってしまいます。

テーブルのタグは
<table border=1 bordercolor="#ff0000" cellspacing=0>
にしています。

ＩＥでも色を付けたい場合はどう書けばいいでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： tkmojo
回答日時：2013/04/02 11:11

まず、記述がそもそも間違ってます。

<styletype="text/css">ではなく<style type="text/css">です。（スペースが無い）
これでとりあえずは直ると思います。

それと、cssを使う場合はhead内に下記を記述する事が推奨されています。
<meta http-equiv="Content-Style-Type" content="text/css" />

これは、要するにこの文書内でcssを使いますよというような宣言みたいなもので、
無くても大抵のブラウザは問題ないですが、一応念のために入れときましょう。

それと、きちんとcssでレイアウトしようと思うと、
結構記述が多くなるので、cssは外部ファイルして管理する事をお勧めします。
【例】
<link href="css/common.css" rel="stylesheet" type="text/css" />
この場合は、上のmetaの記述は必要ありません。

あと、ちゃんと記述するなら、1行目（htmlタグの前）にDTD宣言と呼ばれる記述が必要です。
これはどのバージョンのhtmlで記述しているか、という事をブラウザに認識させるための記述です。

例えばhtml 4.01のstrictなら
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

xhtml 1.0のtransitionalなら
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
（文字コードがutf-8の場合）

html5なら
<!DOCTYPE html>

どのバージョンで記述しているか、把握しながら書きましょう。
例えばxhtmlで書いているなら、タグに大文字は使えません。

最後に、文字コードの指定がありませんので、環境によっては文字化けする可能性があります。
自分がどの文字コードで記述しているか把握して、その指定をhead内に記述しましょう。

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。

通報する

お礼日時：2013/04/07 11:32

No.2

回答者： ORUKA1951
回答日時：2013/03/30 14:59

<table border="1" summary="test">

　<tbody>
　　<tr>
　　　<th abbr="あ行">あ</th><th abbr="か行">か</th><th abbr="さ行">さ</th>
　　</tr>
　　<tr>
　　　<td>あ</td><td>か</td><td>さ</td>
　　</tr>
　　<tr>
　　　<td>い</td><td>き</td><td>し</td>
　　</tr>
　</tbody>
</table>
に対して
table[summary="test"]{
border-collapse:collapse;結合ボーダーモデルで描画*/
border:solid black 2px;
}
table[summary="test"] th,table[summary="test"] td{
border:solid 1px gray;
}
とか・・

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。

通報する

お礼日時：2013/04/07 11:32

No.1

回答者： tkmojo
回答日時：2013/03/30 12:26

枠線などの指定はhtmlでやらずにcssを使いましょう。

【html】

<table>
<tr>
<th></th>
<td></td>
</tr>
</table>

【css】

table{
border-collapse:collapse;
}
th{
border:solid 1px #ff0000;
}
td{
border:solid 1px #ff0000;
}

- 0
- 件

通報する

この回答へのお礼

cssを使うのですね。

自分なりに作ってみたのですが、ブラウザでは
table{ border-collapse:collapse; } th{ border:solid 1px #ff0000; } td{ border:solid 1px #ff0000; }

が表示されてしまいます。

ソースは、

<HTML>
<HEAD>
<TITLE>test</TITLE>
<styletype="text/css">
table{
border-collapse:collapse;
}
th{
border:solid 1px #ff0000;
}
td{
border:solid 1px #ff0000;
}
</style>
</head>
<body>

<table>
<tr>
<th></th>
<td></td>
</tr>
</table>

</BODY>
</HTML>

としました。何が間違ってるのでしょうか？