IEで以下のソースを表示させると、style属性で指定したwidthを無視してしまいます。

Question

海老原昂輔

50

50もっと見る

70pt

インターネットウェブ制作

IEで以下のソースを表示させると、style属性で指定したwidthを無視してしまいます。

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

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

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

回答の条件

URL必須
1人2回まで

登録：2007/09/10 12:27:01
終了：2007/09/17 12:30:05

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

mj99 2007/09/11 19:44:35

納得できるような資料がありませんでしたが、一応、分かったことをかいておきます。

----
いろいろ試した結果、どうやらIEは、
・連続したスペースを分離（改行）しない
・ピリオド（回答２にあるように他にも該当する文字がある）と、その前の文字を分離（改行）しない
という仕様のようです。
これはword-breakやline-breakに影響しませんでした。

word-breakを指定すれば、単語は分離できますが、連続空白は分離できません。

----
かと思えば、
下記の指定で連続空白分離できます。

style="word-wrap: break-word"

（IE独自のCSS）
（なぜかピリオドは分離できない）
tezcello 2007/09/12 22:50:59

> うーん、もっと正確な資料とかってないんですかねぇ（MSのとか）。
MSが自分の所のバグをハッキリと文章にするとは思い難いのですが...
対策をしてしまった後に、「実は以前は○○出来なかったが、このバージョンからは出来る様になった」ってな発表がせいぜいでは？
（かなり偏見が入ってる？）

tezcelloの日記 2007-09-10 12:43:16

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

tezcello · Answer 1 · 2007-09-10T12:57:56+09:00

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

既知な様ですね。

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

オーイェー · Answer 2 · 2007-09-10T21:41:56+09:00

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

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

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

。などでは起きない。

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

また、

<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

IEで以下のソースを表示させると、style属性で指定したwidthを無視してしまいます。

回答（2件）

tezcello460692007/09/10 12:57:56

オーイェー81142007/09/10 21:41:56

コメント（2件)

この質問への反応（ブックマークコメント）

トラックバック