• ベストアンサー

IEでFORMタグをつけた場合のスペース

現在IE6.0を使用しています。 フォームオブジェクトを使用する際に、<FORM NAME="TEST"></FROM>と、FORMタグで囲むと、その囲んだ部分の上下に大きなスペースがあいてしまいます。 このFORMタグをはずすと、行間(?)がつめられるのですが・・・。 FORMタグを使用すると、このようになるものなのでしょうか? またその場合は、この上下の余分な空白をなくす方法はありますでしょうか? よろしくお願いします。

  • CSS
  • 回答数2
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
  • taskuni
  • ベストアンサー率71% (49/69)
回答No.1

スタイルシートでmarginを0にしてやるといいと思います。 <form style="margin:0px"> あと、formが、テーブル内にあるなら、以下のような場所にタグを持っていく方法もあります。 <table> <form> <tr> <td> **** </td> </tr> </form> <table>

sky_blue
質問者

お礼

ありがとうございます。 ご指摘の通り、テーブル内にFORMがあります。 とても助かりました。 本当にありがとうございました。

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

<FORM NAME="TEST" style="margin-top:0;margin-bottom:0">

sky_blue
質問者

お礼

お返事ありがとうございます。 フォームにもmarginを設定できるのは知りませんでした。 助かりました、ありがとうございました!

関連するQ&A

  • formタグ下にできる隙間を埋めたい

    HTMLでformタグを挿入し、cssで行間指定をしました。 firefoxでは問題ないのですが、IEで見ると、フォームの直下に余分な隙間ができてしまいます。 この隙間を埋めたいのですが、対処方法を教えていただけないでしょうか。

    • ベストアンサー
    • HTML
  • formタグとスペース

    DreamweaverでHPを作っています。 formタグを用いてブラウザで確認すると上下に無駄なスペースができてしまうのですが、これを除去する方法はないものでしょうか?

  • FORM上下の余分なスペースの削除方法

    予算・目的地・日数などの検索機能のあるFORMをPHPでつくりHTMLに埋め込んだのですがIEで見るとFORMの上下に余分なスペースができます。ちなみに同じサイトをFirefoxで見ると余分なスペースがありません。何か解決方法はありますでしょうか?

    • 締切済み
    • PHP
  • CSSでFORM上下の余分なスペースの削除方法

    予算・目的地・日数などの検索機能のあるFORMをPHPでつくりHTMLに埋め込んだのですがIEで見るとFORMの上下に余分なスペースができます。ちなみに同じサイトをFirefoxで見ると余分なスペースがありません。何か解決方法はありますでしょうか?

  • htmlのobjectタグで埋め込んだページから値を戻す方法(IEの場合)

    オブジェクト埋め込みで別のWebページを埋め込んでいます。 その埋め込まれたページのフォームに入力された値を、埋め込み元のフォームに値を戻す処理です。 IE以外(Firefox,Opera,Chrome,Safari)は正常に動きました。 これをIE(IE8)でも正常に動く様にしたいのですが、IEの場合の記述方法を教えていただけないでしょうか。宜しくお願いします。 因みに、これはインラインフレームで処理していたもを、objectタグに書き換える作業です。 ですのでインラインフレームなら可能という回答はなしでお願いします。 ●オブジェクトを埋め込んでいるページのhtml <form method="POST" name="formA"> <input type="text" name="fld1" size="10"> </form> <p> <object ID="bojInline" type="text/html" data="http://hogehoge/oTest.html" width="400" height="300"> <p>objectに対応していないブラウザです</p> </object> </p> ●埋め込まれるhtml(http://hogehoge/oTest.html) <script language="JavaScript"> <!--// function fRtn() { parent.document.formA.fld1.value = document.formB.fldB1.value; <<<ここの記述がIEではエラー } //--> </script> </head> <form method="POST" name="formB"> <input type="text" name="fldB1" size="10" value="初期値"></td> <input type="button" name="btn1" value="値を戻す" onClick="JavaScript:fRtn()"> </form>

  • formタグ

    HTMLで、formを使用し、CGIへテキストエリアのデータをpostしたいと 考えております。 テキストエリアを3つ、ボタンを1つ設けるならば 通常以下のようにすると思います。(必要部分の抜粋) <form action="foo1.cgi" method="post" ENCTYPE="multipart/form-data"> <input type="text" name="text1" value="text1" size=50 maxlength=100> <input type="text" name="text2" value="text2" size=50 maxlength=100> <input type="text" name="text3" value="text3" size=50 maxlength=100> <input type="submit" name="aaa" value="実行"> </form> こうすると、実行ボタンをクリックすると、text1、text2、text3のテキストエリアに 記述されているテキストが送信されますが、ここにボタンをもう一つ設け、 上記3つのデータを別のCGIに送信したいのですが、 この場合どのようにHTMLを記述したらよいでしょうか? 新たに下記のようにformタグを設けると、テキストエリアは6つになってしまいますし。。。 <form action="foo2.cgi" method="post" ENCTYPE="multipart/form-data"> <input type="text" name="text1" value="text1" size=50 maxlength=100> <input type="text" name="text2" value="text2" size=50 maxlength=100> <input type="text" name="text3" value="text3" size=50 maxlength=100> <input type="submit" name="aaa" value="実行2"> </form> どなたか分かる方情報頂けますか。

    • ベストアンサー
    • HTML
  • 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>を増やせば増やすほど空白が大きくなります。 どうすれば解消できるでしょうか ご存知の方がいらっしゃいましたらご教授願います。 いろいろなサイトを拝見して試してみましたが解決できないのでよろしくお願いします。

    • ベストアンサー
    • HTML
  • VBSのIEオブジェクトでフォームデータ送信する

    ■質問 通常IEオブジェクトを使ってフォームにセットされたデータを サブミットするには、 IE.Document.forms("").elements("").value = "" IE.Document.forms("").submit() と行うと思うのですが。 例えば下記のようなフォームを送信する際、 フォームのある"http://test.com/login_form" ページにわざわざ移動せず 直接"http://test.com/action"の "hidden"のエリアに対してデータを送信 する方法を教えて頂けませんでしょうか? また、Form1に複数のエレメントが存在する場合 全てのエレメントの値を送らないと正しく処理 できないでしょうか? ■"http://test.com/login_form" のHTML <form name="Form1" method="post" action="/action"> <input type="hidden" name="ID" value="1234"> <input type="submit"> </form>

  • <FORM>について

    FORMタグを使って、メールを受信しようとしているのですが、「SUBMIT」を実行してもFORMの内容が反映されません。 宛先はちゃんとなっているのですが、これでは単にMAILTOを指定したのと変わりありません。 社内で使うつもりなのです。Outlookを使用しています。 テストとして以下の通り作ってみたのですが・・・。 よろしくお願いします。 <html> <head> <title>test</title> </head> <body> <FORM action="mailto:**********" METHOD="POST"> <textarea rows=5 cols=40 name=tips>書いてね</textarea> <input type="submit" NAME="tips" value="送るよ!"> </FORM> </body> </html>

    • ベストアンサー
    • HTML
  • FORMタグ後の改行を抑制したい

    FORMタグを使用した後に自動的に改行されますが、これを改行されないように 抑制する方法をご存知でしょうか? 下記の例のようにTABLEタグを使用することで、横にFORMタグを並べることはできたのですが、ひとつのセル内で改行されてしまい、縦長のセルになってしまいます。 <TABLE BORDER=1> <TR> <TD> AAA<FORM> </FORM> </TD> <TD> BBB<FORM> </FORM> </TD> </TR> </TABLE> スタイルシートでも、なんでも構いませんのでなにか方法があったらご教授ください。 環境:Windows2000, IE5.5

    • ベストアンサー
    • HTML

専門家に質問してみよう