• 締切済み

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

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

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.1

form {margin-top:0; margin-bottom:0; } で、どうでしょう。

lemonilemo
質問者

お礼

有難うございます。試してみます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

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

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

    • 締切済み
    • PHP
  • IEでFORMタグをつけた場合のスペース

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

    • ベストアンサー
    • CSS
  • 秀丸で余分なスペースを削除したい

    EXCELデータをテキストデータに変換するため、ファイルを全範囲指定してEXCELから秀丸にコピペしました。 EXCELデータを作成する際に入ってしまっている余分なタブやスペースを削除したいと思っています。 タブの方は「置換」機能で「\t」→「　」（スペース）とすることで削除することができました。しかし、複数個の連続スペースを1個の改行に変換する方法が分かりません。「置換」欄は「\n」と入れれば良いと思うのですが、「検索」欄で「2個以上の連続スペース」を指定するにはどうすれば良いでしょうか？宜しくお願い致します。

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

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

    • ベストアンサー
    • HTML
  • form input テキストを上下中央に表示したい

    お世話になります フォームのテキストボックスに表示する文字（value）を「上下左右中央」にしたいのですが 「上下中央」ができずに困っています（IE6、firefox）　※safari3では中央になりました 以下のhtmlを書いています。 paddingやverticalなど試してみたのですが… （buttonのvertical-align:bottom;は、これが無いと上へズレてしまうので、書きました。 　これも意味がわかりません。。） とても基本的なことなのですが 検索しても解決策を見つけられませんでした。よろしくお願いします。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ <!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"> <head> <style><!-- form input { margin-bottom:10px; color:#fff; border:none; font-size:12px; } form input.mlmg-text { width:150px; height:26px; background-color:green; padding:2px 5px; text-align:center; vertical-align:center; } form input.mlmg-buttton { width:50px; height:30px; color:#fff; background-color:blue; vertical-align:bottom; } --></style> </head> <body> <form method="post"> <input type="text" class="mlmg-text" name="user_mail" value="上下中央に配置したい"><input type="button" class="mlmg-buttton" name="join" value="ＧＯ"><br /> <input type="text" class="mlmg-text" name="user_mail_resign" value="上に寄っちゃう"><input type="button" class="mlmg-buttton" name="resign" value="ＧＯ"> </form> </body> </html>

    • ベストアンサー
    • HTML
  • IEとFirefoxで表示が違う

    現在WEBサイトを制作しています。 フォームを挿入したのですが、IE(8)で表示すると<form>要素の上部に大きなスペースが空いてしまいます。Firefoxで表示すると問題ないです。 HTMLのフォーム付近は以下のような構成にしています。 <p>フォーム上部の文章</p> <form method="#" action="#"> <table> <tr><td>テキスト</td> <td><input type="text" name="#"></td></tr> 　　・ 　　・ </table> </form> IEでは<p>の文章と<form>テーブルとの間に大きなスペース(約200px)ができてしまいます。 Firefoxではたまたまうまく処理されていて、間違った記述をしていると考えるべきでしょうか。 それとも、IEブラウザの不具合なのでしょうか。 このような症状についてご存知の方がいらっしゃいまいしたらごご教授いただけますようお願い申し上げます。

  • IEでの表示がおかしい

    PHPでちょっとしたウェブアプリを作りました。 今まで確認にはFireFox1.0を使っていましたが、IE6.0で表示を確認したところ、FireFoxで表示されていたページが正しく表示されないという不具合を発見しました。 phpのソースが以下とします： <input type="checkbox" name="bd" value="1" <?php if ($form->value("bd")){echo "checked";} ?>"> Firefoxでソースを見ると、以下のように表示されます： <input type="checkbox" name="bd" value="1" > IE6.0では以下のように表示されます： <input type="checkbox" name="bd" value="1" "> （余計なダブルクオーテーションが現れる） これはリストの一部で、これが１０くらいあります。そして、IEでは全ての行に余分なダブルクオーテーションが現れます。 また、実際の画面では、Firefoxの場合、全てのリストが表示されるのですが、IEでは４行目くらいまで表示され、その後はソースがあるにもかかわらず、表示されません。 どなたか原因や解決法をご存じでしたらお教え下さい。 よろしくお願いします。

    • ベストアンサー
    • PHP
  • IEでCSSを動的に切り替える方法

    もう３日間悩んでおりまして、糸口がつかめずご質問させていただきました。 何でも結構ですのでアドバイスいただけましたら助かりますm(_ _)m 【やりたいこと】 IEで画面をリロードすることなくCSSを再読込して適用させる。 【試した方法でIE以外では動いたもの】 http://phpspot.org/blog/archives/2009/08/css_91.html http://allabout.co.jp/gm/gc/23930/4/ 【本当にやりたいこと】 AjaxでPOSTして、戻ってきたページ全体のHTMLを使ってページ全体を上書き更新したい。 それはPOSTすることで画面の表示位置をずらしたくないためです。 IE（６，７，８）以外ではうまくいっていそうです。（FF3、Chromeで確認） IEだと、CSSが不完全に適用されているようなくずれた画面になるため ＣＳＳを再読込してリフレッシュできたら、解決すると考えたわけです。 検索していると、IEはCSSの動的切り替えに対応していないような記述もあったり。。 よろしくお願いしますm(_ _)m

  • ENTERキー押下でフォームを送信したいのに・・・

    PHPとHTMLでフォームをいくつか作り、画像タイプの送信ボタンを押下すると送信されるようにしています。ところが、IEの場合、ENTERキー押下で送信できる（下記のPHPの制御文がtrueになる）ものと、できないものがあります。ボタンをクリックすればいずれも送信できます。また、FirefoxではどのケースでもEnterキー押下で送信できます。送信ボタンはどのフォームでもひとつです。 何がどういう場合に、IEでEnterで送信できないのでしょうか？ ○HTML側 <form...> ... <input type="image" name="submit" ...> </form> ○PHP側 if(isset($_POST['submit_x']) { ... }

    • 締切済み
    • PHP
  • ページ保存、mht

    私はfirefoxを使っています。セキュリティー的にIEよりはターゲットにされにくいかなあと思うからです。それはいいとして（ツッコミOK）、このブラウザでWebページを画像も付けて保存するとき、画像用とHTML?用の2つのフォルダが生成されますよね。2つもあるのは少々煩わしいと思うのです。IE7を使っていたときはmht形式（画像とHTMLが1つのファイルにまとまる、IE独自らしいもの）があって良かったのですが、firefoxのプラグインか、フリーソフトで、そういう機能を持った使いやすいものは無いでしょうか？あるでしょうね。過去の質問を検索しようにもなんと入れるばよいか困りました。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する