こんにちはー。
cssでテーブルの線を細くするために
こんな感じでやってみました。
クロームでは出来たのですが
IE(バージョン9)で閲覧すると、線そのものが表示されません
IEでも表示させるには、どーすればいいですか?
――――
<html>
<head>
<style type="text/css">
table[summary="WebDesign"]{
border-collapse: collapse;
width: 400px;
}
table[summary="WebDesign"],table[summary="WebDesign"] td{
border:solid 1px #1C79C6;
}
</style>
</head>
<body>
<table summary="WebDesign"><!-- summaryは必須 TBODY+ -->
<tbody><!-- tbodyはひとつ以上必須 -->
<tr>
<td>Webデザイン</td>
<td>Webデザイン</td>
</tr>
<tr>
<td>Webデザイン</td>
<td>Webデザイン</td>
</tr>
</tbody>
</table>
</body>
</html>
No.1ベストアンサー
- 回答日時:
<!DOCTYPE html>
<html lang="ja">
<head>
<style type="text/css"><!-- table.WebDesign{ border-collapse: collapse; width: 400px;}
table.WebDesign,table.WebDesign td{border:solid 1px #1C79C6;} --></style>
</head>
<body><div>
<table class="WebDesign">
<tr><td>Webデザイン</td><td>Webデザイン</td></tr>
<tr><td>Webデザイン</td><td>Webデザイン</td></tr>
</table>
</div></body></html>
No.2
- 回答日時:
原因は、IEの互換モードによるものでしょう。
他のブラウザでは問題ないはずです。HTMLのDOCTYPE宣言を「IEが標準モードで起動するように記述する」ことで、IEの互換モードによる他のブラウザとの誤差は減ります。
DOCTYPE スイッチ
⇒DOCTYPE スイッチ - Google 検索 ( https://www.google.co.jp/search?q=DOCTYPE%20%E3% … )
あなたのHTMLが
HTML4.01strict!!!推奨!!!でしたら
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML4.01transitinalでしたら
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
など。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
テーブルの行を折りたたみたい...
-
逆L字の表(table)組み
-
ホームページ 表の上の余白を...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
表の一部を結合するには?
-
tableにul,または,olを入れられ...
-
44行目: パラメータ '__format'...
-
テーブルの任意の列を非表示に...
-
HTMLで文とテーブルの間が空く。
-
EXCELのセル内にHTMLタグを含む...
-
テーブル結合 縦横両方するには?
-
safariで特定条件下でデーブル...
-
width指定したTDでwhite-space:...
-
HTMLのテーブルで桁をそろ...
-
divの中にtableを入れています...
-
FireFoxのhtmlでtheadとtbodyの...
-
文字列が入っているtdを削除せ...
-
掲示板//インラインフレーム内...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
TRタグの余白をcssで設定するには
-
cssで、表示されるテキストによ...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
ホームページ 表の上の余白を...
-
テーブルのセルに画像をピッタ...
-
中に<table></table>が使えるア...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
スタイルシートで colspan=3と...
-
テーブルの装飾
-
EXCELのセル内にHTMLタグを含む...
-
tableの要素(tr、td)に一...
-
テーブルの表示がずれます
-
tableでcolspanを使うと次行以...
-
HTMLで文とテーブルの間が空く。
-
テーブルの行の高さを指定する...
-
値が0なら非表示にしたい
おすすめ情報