人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

IEで以下のソースを表示させると、style属性で指定したwidthを無視してしまいます。
>>
<table style="width:50%; background-color:#ff0000">
<tr><td>
A .
</td></tr>
</table>
<<

僕が調べてみた限りでは、
- style属性で幅指定されたtable内で、
- 「.以外の任意の文字」+「幅指定したテーブルが折り返されるくらいの量の全角スペース」+「.」を記述する
と、この現象が起きるようです。

これってIEのバグっぽい気もするのですが、本当のところどうなのでしょうか? もしバグであったり、あるいは既知の問題である場合は、この事象について解説した資料も欲しいです。


●質問者: 海老原昂輔
●カテゴリ:インターネット ウェブ制作
✍キーワード:IE ソース バグ 属性 記述
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● tezcello
●35ポイント

http://blog.webcreativepark.net/2007/01/25-231126.html

既知な様ですね。

Netscape7.1 では問題無いですが。

◎質問者からの返答

この現象は、word-break:break-all;を指定しても回避できませんでした。どうもちょっと違うようですね。


2 ● オーイェー
●35ポイント

回答ではないので、ポイントは結構です。


面白そうな問題なので、ちょっと調べてみました。

.以外にも,:;!?でも起きる。

。などでは起きない。

->英語の文章として認識してしまっている?

また、

<table style="width:50%; background-color:#ff0000;">
<tr><td>
A123456789                                                                         .
</td></tr>
</table>

と、

<table style="width:50%; background-color:#ff0000; word-break: break-all;">
<tr><td>
A123456789                                                                         .
</td></tr>
</table>

で表示内容に差異があるので、

word-breakが効いていない訳ではなさそう。


ということで、word-breakの文字の長さを判別する部分あたりのバグっぽいなぁという感想。


詳しい人求む!!

http://www.htmq.com/style/word-break.shtml

◎質問者からの返答

回答ではないなんてとんでもない! 追加検証ありがとうございます。

うーん、もっと正確な資料とかってないんですかねぇ(MSのとか)。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ