• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:IEで細い線)

IEで細い線

このQ&Aのポイント
  • IEでのテーブルの線表示に関する問題を解決する方法
  • クロームでは問題なく表示されるが、IEで線が表示されない現象
  • CSSを使用してテーブルの線を細くする方法

質問者が選んだベストアンサー

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答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>

その他の回答 (1)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

原因は、IEの互換モードによるものでしょう。他のブラウザでは問題ないはずです。 HTMLのDOCTYPE宣言を「IEが標準モードで起動するように記述する」ことで、IEの互換モードによる他のブラウザとの誤差は減ります。 DOCTYPE スイッチ  ⇒DOCTYPE スイッチ - Google 検索 ( https://www.google.co.jp/search?q=DOCTYPE%20%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&ie=utf-8&oe=utf-8 ) あなたの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"> など。

sato1221
質問者

お礼

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

関連するQ&A