dポイントプレゼントキャンペーン実施中！

IEで細い線

解決済

  • 質問者：sato1221
  • 質問日時：
  • 回答数：2件

こんにちはー。

cssでテーブルの線を細くするために
こんな感じでやってみました。

クロームでは出来たのですが
IE（バージョン９）で閲覧すると、線そのものが表示されません

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>

通報する

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

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： naokita
  • 回答日時：

<!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>
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： ORUKA1951
  • 回答日時：

原因は、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">
など。
    • good
    • 0
    • 件
通報する
この回答へのお礼

こういうことが出来るんですね～
初めて知りました
ありがとうございます。

通報する
お礼日時：2013/07/02 17:21

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報