※ ChatGPTを利用し、要約された質問です（原文：IEでFORMタグを入れると空白ができる）
IEでFORMタグを入れると空白ができる
このQ&Aのポイント
IEだけなのですがFORMタグを入れるとTABLEとTABLEの間に空白ができます。
XHTML1.0をHTML4.0に変更すると正常に表示されます。
Firefoxやローカルで開くと正常に表示されますが、Webサーバにアップロードすると現象が現れます。
IEだけなのですがFORMタグを入れるとTABLEとTABLEの間に空白ができます。
自分なりに切り分けをしたみたところ下記のような結果になりました。
１、XHTML1.0をHTML4.0に変更すると正常に表示
２、Firefoxで開くと正常に表示
３、FORMタグを外すと正常に表示
４、このhtmlファイルをローカル(自身のPC上)で表示すると正常に表示
(Webサーバにアップロードすると現象が現れる)
ソースは以下の通りです
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<table border="0" width="800"><tr>
<td><font color="#000080"><b>サブメニュー</b></font></td>
<td width="20"></td>
<td align="right">
<input type="button" value="戻る" onclick=window.open("http://www.xxxx.xxx/xxx.html","_top")>
</td></tr></table>
※この間に空白ができます※
<table border="1" cellspacing="0" cellpadding="5" width="800">
<tr><th nowrap class="l" width="270">商品A</th>
<th nowrap class="l" width="100">商品A</th>
<th nowrap class="l" width="270">商品名B</th>
<th nowrap class="l" width="100">商品B</th>
<p></tr>
<tr>
<form action="./xxx.cgi" method="post" style="margin:0px">
<input type="hidden" name="view" value="0">
<input type="hidden" name="pick" value="0">
<input type="hidden" name="back" value="">
<td valign="top" width="270">あ</td>
<td nowrap align="center" valign="top" width="100">あ</td></form>
<form action="./xxx.cgi" method="post" style="margin:0px">
<input type="hidden" name="view" value="0">
<input type="hidden" name="pick" value="0">
<input type="hidden" name="back" value="">
<td valign="top" width="270">あ</td>
<td nowrap align="center" valign="top" width="100">あ</td></form>
</tr>
<tr>
<form action="./xxx.cgi" method="post" style="margin:0px">
<input type="hidden" name="view" value="0">
<input type="hidden" name="pick" value="0">
<input type="hidden" name="back" value="">
<td valign="top" width="270">あ</td>
<td nowrap align="center" valign="top" width="100">あ</td></form>
<form action="./xxx.cgi" method="post" style="margin:0px">
<input type="hidden" name="view" value="0">
<input type="hidden" name="pick" value="0">
<input type="hidden" name="back" value="">
<td valign="top" width="270">あ</td>
<td nowrap align="center" valign="top" width="100">あ</td></form>
</tr>
</table>
</p>
</html>
実際にはもっと長い表になるのですが<tr></tr>を増やせば増やすほど空白が大きくなります。
どうすれば解消できるでしょうか
ご存知の方がいらっしゃいましたらご教授願います。
いろいろなサイトを拝見して試してみましたが解決できないのでよろしくお願いします。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
早速のご回答ありがとうございます <tr>に<form>を入れないといけない理由があり、なんとかならないかと思っていたのですが 文法上、無理な訳ですね 全体を見直してみます ありがとうございました。