Macのieで文字がテーブルからはみ出て表示される

2023/10/12 23:34

このQ&Aのポイント

Windowsでは問題なく表示されているテーブル内のテキストが、Macのie（5.2）で改行されずにはみ出して表示される。
文字がはみ出ないようにするためには、テーブル内の文字間や行間をスタイルシートで調節する必要がある。
Windowsでの表示に問題がない場合でも、Macのieでは文字がはみ出る可能性があるため、異なる環境での表示も確認することが重要である。

ベストアンサー

Macのieで文字がテーブルからはみ出て表示される

2004/04/21 21:28

私は普段、Windowsでホームページを作成しているのですが、テーブル内のテキストの文字間や行間をスタイルシートで調節すると、 Windowsではどのブラウザでも問題なく表示されるのですが、 Macのie（5.2）で見ると、テーブル内で改行されずに文字がはみ出して表示されてしまいます。文字がはみ出ないようにするにはどのようにすればよいのでしょうか？よろしくお願いします。（例）【CSS】 td { line-height : 1.5 ; letter-spacing : 0.5em ;} 【HTML】 <table width="50%" border="1"> <tr> <td width="100%"> あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわん。 </td> </tr> </table>

Pidetsugu
お礼率89% (44/49)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

noname#107580

2004/04/22 06:35 回答No.1

こんにちは！残念ながら【letter-spacing】はMacのIE4、IE5には対応していません。他に変わるものもないと思います。 word-spacing なら対応しているんですが、日本語には使えないし・・しかもこちらはWinのIE5.5以前がダメみたいです。

質問者

お礼 2004/04/22 08:33

さっそくのご回答、有り難うございます！ MacのIE4、IE5で【letter-spacing】を使用するとバグが発生するんですね…。いろいろろ調べてみたところ、下記のような回避法もあるようですので、試してみたいと思います。ありがとうございました。 http://cssbug.at.infoseek.co.jp/detail/macie/b014.html

関連するQ&A

テーブルからはみ出します
下記の様な感じにテーブルを配置してその中に文章を入れています。 <table width="***"> <tr><td> あいうえおかきくけこさしすせそたちつてと・・・・・・ </td></tr> </table> winで見たら問題は無いのですが、マックのIEで見ると、文字の部分がセルからはみ出して表示されます。改行されないというわけではなく、セルからちょっとはみ出したところで改行されます。セルの端まできた時に自動的に改行させるようにするにはどのようにしたら良いでしょうか。よろしくお願い致します。
- ベストアンサー
- HTML
IEとNetscapeの表示の違いについて
Netscape7.1において、テーブルを表示すると、セル内の文字上下とborderの間に隙間ができます。 (左側の隙間は問題ありません）その為、IEとNetscapeではテーブル高さが変わってきます。これを同じように表示する事はできるのでしょうか？ divで入れ子にしてる事が問題かと、divをはずしてみましたが、同様の現象となります。ご存知の方、ご教示ください。よろしくお願いします。 <div width:150px;"> 　<table width="150" border="1"> 　　<tr><td>あいうえお</td></tr> 　　<tr><td>かきくけこ</td></tr> 　　<tr><td>さしすせそ</td></tr> </table> </div> css で border-collapse: collapse; border-spacing :0px; を指定してます。
- ベストアンサー
- HTML
tableの中にtableを作ると、width指定が機能しない
tableの中にtableを作り、中側にあるテーブルの列ごとにwidthを指定したいのですが、うまくいきません。ソースを書いてみます。例： <table width=300> <tr><td> <table width=100> <tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td><tr> </table> </td><td> <table width=100> <tr><td>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td><tr> </table> </td><td> <table width=100> <tr><td>ccccccccccccccccccccccccccccccccccc</td><tr> </table> </td></tr> </table> width=300のテーブルの中にwidth=100のテーブルが3つできたのはいいのですが、width=100のテーブルの中に100pxを超える文字列を入れると100pxという値を無視してテーブルが横長くなってしまいます。これを100pxという値に従わせるにはどうしたらいいでしょうか？
- ベストアンサー
- HTML
テーブル内文字列がテーブル幅を超えたとき
超えた部分の文字を表示しないでテーブル幅の範囲で表示できる部分だけ表示することはできるのでしょうか？例えば <table border='1' width='100%' CELLPADDING='0' CELLSPACING='0'><tr><td>abc...z</td></tr></table> の abc...z の部分がテーブル幅より長いときには超えた部分はなかったものとして表示するのです
- ベストアンサー
- HTML
テーブルサイズ指定
こんにちは。困ったことがあるのですが、 <TABLE BORDER="1"CELLSPACING=1 CELLPADDING=1 BGCOLOR="#FFFFFF"> <TBODY> <TR> <TD width=170文字</TD> <TD width=638>文字</TD></TR> <TR> <TD>文字</FONT></TD> <TD>文字</TD></TR> </TR></TBODY></TABLE> <BR> <TABLE BORDER="1"CELLSPACING=1 CELLPADDING=1 BGCOLOR="#FFFFFF"> <TBODY> <TR> <TD width=170>文字</FONT></TD> <TD width=638>文字</TD></TR> <TR> <TD>文字</FONT></TD> <TD>文字</TD></TR> </TBODY></TABLE> (それぞれの文字の長さは違います。) という２つのテーブルで、２つともテーブルの幅が異なるんです。これを、両方とも同じ幅にすることはできないでしょうか？宜しくお願いします。
- ベストアンサー
- HTML
IEのテーブル表示の不具合でしょうか・・・？
IEで正しく表示されているものが、別のページへ行って「戻る」ボタンを押すと、テーブルの表示が崩れてしまいます。２列のテーブルの右側の部分が左側にかぶって表示されてしまうのです。参考までにその部分のソースを以下に記述します。何か気になる点などお気づきになられたら教えてください。 <table width="320" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="200"> <table width="200" border="0" cellspacing="0" cellpadding="5"> <tr> <td class="px12"> ・<a href=>あああああ</a><br> ・<a href=>いいいいい</a><br> ・<a href=>ううううう</a><br> <hr width="160" size="1" noshade align="left"> ・<a href=>えええええ</a><br> <hr width="160" size="1" noshade align="left"> ・<a href=>おおおおお</a><br> <hr width="160" size="1" noshade align="left"> </td> </tr> </table> </td> ※以下から左側のテキストにかぶって表示されてしまいます。 <td width="120"><a href=><img src="images/画像.gif" width="120" heigt="180" border="0"></a><br> <table width="120" border="0" cellspacing="2" cellpadding="0"> <tr> <td valign="top"><img src="images/矢印画像.gif" width="11" height="11" border="0"></td> <td class="px12"><a href=>テキストテキストテキスト</a></td> </tr> </table> </td> </tr> </table> 以下が私の環境です。 WindowsXP(HomeEdition)・SP2インストール済・IE6 よろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
tableの中にtableを作りスクロールさせたい。
tableの中にtableを作りスクロールさせたい。 tableの中にtableを作りスクロールさせたいのですが、書きサンプルで思うようになりません。 table一つなら上手くいくのですが、どこが悪いでしょうか。 <html lang="ja"> <head> <title></title> </head> <body> <table border="1" width="100%"><tr><td></td></tr> <tr> <td > <div style="height:40%;width:100%;overflow-y:scroll;"> <table border=1 width="100%" bgcolor="#9999ff"> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> <tr><td>表示したいテーブル</td></tr> </table> </div> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
テーブルについて
二つスライドが重なったようなテーブルを作りたいんですけど、一応、下記はそのように表示されたのですが、見え方で言うと、スライドの一枚目に文字を入れると、二枚目のスライドの形がずれてしまうのですがどうすればいいでしょう？ <TABLE width="636" cellspacing="0"> <TBODY> <TR> <TD bgcolor="#0080ff" colspan="3" rowspan="2"></TD> <TD width="20" height="20"></TD> </TR> <TR> <TD bgcolor="#97cbff" width="20"></TD> </TR> <TR> <TD height="20" width="20"></TD> <TD bgcolor="#97cbff" colspan="2" width="596"></TD> <TD bgcolor="#97cbff" width="20" height="20"></TD> </TR> </TBODY> </TABLE>
- ベストアンサー
- HTML
HTMLでテーブル幅を固定しても文字が折り返せない
HTMLのテーブル幅を文字が突き抜けて幅が広がってしまって困っています。例としては以下のような連続した文字が入った場合です。 <table width="150"> <tr><td width="150">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaあいおえう </td></tr> </table> どなたか、適切に折り返すにはどうしたらよいかご存知の方おりましたら、おしえてください。
- ベストアンサー
- HTML
IEでのテーブル幅
質問させて下さい。テーブルのソースが以下のようになっています。 <table width="450" height="300" border="1" cellpadding="10" cellspacing="0" bordercolor="#333333"> <tr> <td width="225" height="150" align="left" valign="top">あああああああああああああああああああああああ</td> <td width="225" height="300" rowspan="2" background="haikei.jpg"> </td> </tr> <tr> <td width="225" height="150" align="left" valign="top">いいいいいいいいいいいいいいいいいいいいいい</td> </tr> </table> このときに、ファイアーフォックス3での表示と、IE8での表示に違いが大きいんです。（IEの表示の方が縦が長くなります）このままだと右側の背景画像の高さと左のテキストの高さがあいません・・・それぞれのテーブル幅などの指定はきちんとしているつもりなのですが、どうすれば良いのでしょう。 CSSの利用はなしとして、どなたか教えて頂けないでしょうか。
- ベストアンサー
- HTML