IEで、「まれに画面の一部が表示されない」という現象が起きて困っていま

質問

IEで、「まれに画面の一部が表示されない」という現象が起きて困っています。

IE向けのウェブアプリの保守・開発をしているものですが、
IEで以下のようなHTMLの、下のコード中の<table width="600" class="btn_area">以下の情報が何度かに一度だけ表示されない、という現象が起きています。

正常に表示されることの方が多いのですが、単純に更新を繰り返すと数回～２０回に一度、表示されない現象がおきます。
Firefoxだと発生しません。IEだとバージョン６，７，８で同じように発生します。
IE8の開発者ツールで問題が起きた画面と起きていない画面を比べると、コードは画像のsrcを含め変わりありません。
ただし、左タブをHTML、右タブをレイアウトにしてみると、
表示されているテーブルは同一なのですが、
表示されていないテーブルではOffset、長さ・高さが０になっています。

このテーブルの読み取りに失敗しているようなのですが、その原因がわかりません。ご存じの方いらっしゃいましたら、お教えください。

一部省略した、問題が起きるコードは以下です。

<form>
<table>
//略
</table>
<table>
//略
</table>
<table width="600" class="btn_area">
<tr>
<td width="300"></td>
<td width="100">
<input type="hidden" name="PG" value="1">
<input type="image" src='../images/BtIns.gif' ></td>

</form>

<form method="post" action="XXX">
<td>
<input type="hidden" name="PG" value="1">

<input type="image" src="../Images/BtReturn.gif" width="100" alt="一覧表示画面へ戻ります"></td>
</form>
<form method="post" action="XXX"><td width=100><input type="image" src="../Images/BtMnuCst.gif" width=100 alt="メニューへ戻ります"></td>
</form>
</tr>
</table>

回答No.3

mazimekko3 · ベストアンサー

> ただ、formタグを同じように構成している別の画面では問題が起きないことや、

仕様に従ってない html が氾濫してるので, ブラウザは mimetype:text/html はかなり無理やり解釈する実装だったりするから.
この機会に修正してみるのがいいかな.

> aspで出力すると上記問題が起きているのに、そこで出力したhtmlファイルの場合は何度再読み込みしても表示される為、最終的にどこが問題になっているのか、不明ではあります・・

aspの出力とそのままなhtmlで動作が異なるなら, MS得意の独自実装により, 拡張子aspで非標準mimetypeを取得して, (IEが)処理を変えているとかそんなところに原因がある気がします.
(IEはHTTPヘッダではなく, 拡張子でmimetypeを判断するので. まぁ私はaspに全く詳しくないので正確かどうか知りませんが...)

お礼

＞ブラウザは mimetype:text/html はかなり無理やり解釈する実装だったりするから.

おそらく、そういう解釈の中でのずれなんだと思います。
ほぼ同じと思われる内容で解釈結果が変るのは、こまるのですが。

＞IEはHTTPヘッダではなく, 拡張子でmimetypeを判断するので.

は知りませんでした。
ありがとうございました。

回答No.2

mazimekko3

>> 1. タグの整合が取れてない.
> について、具体的にはどのタグでしょうか。

<input type="image" src='../images/BtIns.gif' ></td>
の行の次にある </form> が 開始と整合が取れてないよね.
具体的にいえば <form>...<table>...<tr><td>... </form> ってなってるから.

>> 2. tr直下にformがある.
> は、ただしくは、td内でformタグを完結させるか、form内部でtable全体を持たせる、ということでしょうか

tr の子として form が出現してるから.
「html では, tr の子として出現できるのは, 空白ノードか, td と th のみだから許容されてない」と言ってるだけ.
あなたが示す解決方法でいいよ.

お礼

ありがとうございます。
構成上、改変が必要ですが、作り直しを検討します。

ただ、formタグを同じように構成している別の画面では問題が起きないことや、
aspで出力すると上記問題が起きているのに、そこで出力したhtmlファイルの場合は何度再読み込みしても表示される為、最終的にどこが問題になっているのか、不明ではあります・・

回答No.1

mazimekko3

示されているコードを見るに, firefoxが正常に表示できるってのがおかしい.

その理由としては,
1. タグの整合が取れてない.
2. tr直下にformがある.

dtd が無いから html のバージョンは分からないけど, こんな記述を認めてるdtdは無いはず.
表示しないのが当然の結果.

補足

お返事ありがとうございます。

他の箇所もこれと同じ形式を取っていて、そちらでは表示されているのですが、まずはこの箇所を修正しようと思います。
ご指摘の点、もう少し詳しく教えていただけると助かります。

＞1. タグの整合が取れてない.

について、具体的にはどのタグでしょうか。

＞2. tr直下にformがある.
は、ただしくは、td内でformタグを完結させるか、form内部でtable全体を持たせる、ということでしょうか。

よろしくお願いいたします。