- ベストアンサー
テーブルの枠線に色が付かない
ファイアフォックスだと色が付くのに、IEだと黒になってしまいます。 テーブルのタグは <table border=1 bordercolor="#ff0000" cellspacing=0> にしています。 ＩＥでも色を付けたい場合はどう書けばいいでしょうか？
- pbfjqinclaijx
- お礼率100% (33/33)
- HTML
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
まず、記述がそもそも間違ってます。 <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-transitional.dtd"> （文字コードがutf-8の場合） html5なら <!DOCTYPE html> どのバージョンで記述しているか、把握しながら書きましょう。 例えばxhtmlで書いているなら、タグに大文字は使えません。 最後に、文字コードの指定がありませんので、環境によっては文字化けする可能性があります。 自分がどの文字コードで記述しているか把握して、その指定をhead内に記述しましょう。
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
<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; } とか・・
お礼
ありがとうございました。
- tkmojo
- ベストアンサー率50% (105/207)
枠線などの指定は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; }
お礼
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> としました。何が間違ってるのでしょうか？
お礼
ありがとうございました。