IEでFORMタグを入れると空白ができる
IEだけなのですがFORMタグを入れるとTABLEとTABLEの間に空白ができます。
自分なりに切り分けをしたみたところ下記のような結果になりました。
1、XHTML1.0をHTML4.0に変更すると正常に表示
2、Firefoxで開くと正常に表示
3、FORMタグを外すと正常に表示
4、この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>を増やせば増やすほど空白が大きくなります。
どうすれば解消できるでしょうか
ご存知の方がいらっしゃいましたらご教授願います。
いろいろなサイトを拝見して試してみましたが解決できないのでよろしくお願いします。
お礼
回答ありがとうございます。 技術不足なのは全くその通りでございます。プログラミングなどはものすごく苦手です。 ショップ運営についてはビルダーで作成しカートもレンタルなのですが、この部分だけタグを使用しなければならず質問させていただきました。 もしよろしければ以下の場合も教えてください。 一つの表の中に二つのボタンを設置したいのですが、二つとも同じリンク先になってしまいます。 <form name = cart1> <form name = cart2> <table> ・・・・ ・・・・ ・・・・ </table> </form> </form> 上記のようにするとエラーが出ますし、どのようにすれば良いのでしょうか。 お忙しいとは思いますがよろしくお願いします。