※ ChatGPTを利用し、要約された質問です(原文:IEでテーブル内のテキストが勝手に改行されます。)
IEでテーブル内のテキストが勝手に改行される問題の解決策は?
このQ&Aのポイント
個人で運営しているサイトで、外部CSSをテーブルに適用すると、IEとFirefoxで表示が異なる問題が発生しています。
具体的には、IEではテキストの部分が勝手に改行され、テーブルが縦長になってしまいます。
試行錯誤して解決策を見つけることができず、困っています。解決策をご存知の方がいらっしゃれば、教えていただけると嬉しいです。
個人でサイトを運営しているのですが、
外部CSSをテーブルに適用するとIEとFirefoxで表示が変わってしまい
困っています。問題は下記です。
テーブルに指定するCSSは以下のようなものです。
table.1{
border-top:1px solid #666666 ;
border-left:1px solid #666666 ;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
text-align:left;
font-size: 10pt;
padding:3px;
}
.1 th{
border-right:1px solid #666666 ;
border-bottom:1px solid #666666 ;
color:#330000;
background-color:#996633;
padding:0.1em 0.1em;
text-align:center;
}
.1 td{
border-right:1px solid #666666 ;
border-bottom:1px solid #666666 ;
padding:8px 8px 8px 8px;
line-height: 120%;
}
そして本文のHTMLです。
<table width="166" border="0" class="1">
<tr>
<td colspan="2"><div align="center">テキストテキスト</div></td>
</tr>
<tr>
<td>イメージ写真</td>
<td>イメージ写真</td>
</tr>
<tr>
<td width="76"><p>テキストテキストテキストテキストテキストテキストテキストテキスト</p></td>
<td width="79"><p>テキストテキストテキストテキストテキストテキストテキストテキスト</p></td>
</tr>
</table>
以上のようなものです。
このようにするとFirefoxではきちんと表示されるのですが、
IEだとテキストの部分が4文字ほどで勝手に改行されてしまい、
かなり縦長のテーブルになってしまいます。
試行錯誤してみたのですが、全然できなくて本当に困っています。
もし解決策をご存知の方おられましたら、ぜひ教えていただければ幸いです。
お礼
そうですか、IE6ではCSSをtableに引き継がないんですね。 もうすでに古いブラウザということですね。 ありがとうございます。 シェアも少ないみたいなんで、無視してやっていきたいと思います。