• 締切済み

Firefoxとie6での表示の違い

<INPUT TYPE="FILE" NAME="FILE01" SIZE="64"> これを記述すると、Firefoxとie6で表示幅が違います。 あわせるにはどうしたらよいでしょうか??

noname#143642
noname#143642

みんなの回答

  • knyacki__
  • ベストアンサー率42% (50/117)
回答No.2

スタイルを指定することにより実現可能です。 方法その1 幅をピクセルで指定する <input name="textfield" type="text" style="width:200px" /> # widthスタイルの設定値は好みの値に変更してください。 # size属性を指定しても幅は変わりません。 # maxlength属性の設定は有効です。(入力可能文字数が制限される。) 方法その2 フォントファミリーとフォントサイズを指定する <input name="textfield2" type="text" style="font-family: 'MS Pゴシック', Osaka, 'ヒラギノ角ゴ Pro W3'; font-size: 20px;" size="20" /> # Fontサイズは好みの値に変更してください。 # size属性の設定により幅は変わります。 # maxlength属性の設定は有効です。(入力可能文字数が制限される。) 実際にHTMLを記述する際は、スタイルシートを利用するとスマートに記述できます。

noname#39970
noname#39970
回答No.1

表示フォントを同じになるように設定、かつ標準添付されているCSSよりも優先するようにする。 この書き方で判ると思うけれどローカル環境の設定に依存するので自分が見て良くなっても他人まで同じにならない。

関連するQ&A

  • FirefoxでFormのfileでファイルのパスが取得できない

    フォーム<form>内のファイル名入力フィールド<input type="file">をPOSTで取得すると、IE6では「パス名:ファイル名」が取得されるのですが、Firefox2.0では「ファイル名」しか取得できません。 FirefoxでもIEと同様に「パス名:ファイル名」を取得するにはどうしたらよいでしょうか? 例えば、デスクトップに「a.txt」ファイルがあれば IE6では「C:\\Documents and Settings\\Administrator\\デスクトップ\\a.txt」 Firefox2.0では「a.txt」 と表示されます。 FirefoxでもIEと同じようにするにはどうすれば良いでしょうか? よろしくお願いします。 以下はソースです。 ---------------------ソース-------------------------------- <html> <body> <form method="post" action="<?=$_SERVER["PHP_SELF"]?>"> <input type="file" name="file"> <input type="submit" name="Submit"> </form> <?php echo $_POST['file']; ?> </body> </html> ---------------------ソース--------------------------------

    • ベストアンサー
    • PHP
  • 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" "> (余計なダブルクオーテーションが現れる) これはリストの一部で、これが10くらいあります。そして、IEでは全ての行に余分なダブルクオーテーションが現れます。 また、実際の画面では、Firefoxの場合、全てのリストが表示されるのですが、IEでは4行目くらいまで表示され、その後はソースがあるにもかかわらず、表示されません。 どなたか原因や解決法をご存じでしたらお教え下さい。 よろしくお願いします。

    • ベストアンサー
    • PHP
  • 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ブラウザの不具合なのでしょうか。 このような症状についてご存知の方がいらっしゃいまいしたらごご教授いただけますようお願い申し上げます。

  • input type="file"の幅と高さ

    FireFox12で、ファイルを取り扱うフォーム部品のボックスの高さと幅が変更できません。 type属性がtextboxだとFireFoxでもCSSがちゃんと適用されます。 <input type="file" name="sample" class="test" /> .photo { width:580px; height:20px; } としていますが、IE8/9 Safari5.1.7/Chrom19では指定した幅と高さになるのですが FireFoxだけ変化しません。 どうしようもないのでしょうか?

    • ベストアンサー
    • CSS
  • POSTで送った引数がIEでは表示されない(Firefoxでは表示される)

    すみません。初歩的な質問かもしれませんが息詰ってしまったので アドバイスをいただけると助かります。 POSTで送った引数を表示させたいのですが、 Win FireFoxだと表示されWin IE6(MACは未確認)だと、 「Undefined Index」と表示さえれてしまいます。。 なぜFireFoxでは表示されるのにIE6では表示されないのか ご存じの方がいましたらご教授ください。 ■test.php <form action="test2.php" method= "POST"> <input type="text" name="kudamono"> </form> ■test.php <?PHP echo $_POST['kudamono']; ?> ■実行表示 FireFox「入力した文字列 例)いちご」 IE6「Undefined Index...」 環境 Windows XP Professional PHP5.1.2 IIS(Win Xpデフォルトインストール)

    • ベストアンサー
    • PHP
  • CSSでIEとFirefoxでの表示の違い

    IE6とFirefox2.0で試しています。 次のように、naviでborderを使うとIE6では普通に表示されるのですが、 Firefoxだと右側にborderのサイズの2倍分くらいはみ出てしまいます・・・ 両方に正常(希望通り)に表示されるようにするには どのような記述にすれば良いのでしょうか? 「sample.css」 .wrapper { background-color: #ccffcc; margin: auto; width: 600px; height: 100%; } .navi { background-color: #aaffaa; border: 3px solid #ff4500; width: 600px; height: 150px; position: relative; } 「a.html」 <html> <head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <div class="wrapper"> <div class="navi"> </div> </div> </body> </html>

    • ベストアンサー
    • HTML
  • IE と Firefoxでの表示違いについて。

    IE と Firefoxでの表示違いについて。 製作中のHP内に、「○○○○」と鍵カッコとタイトルを太字で記載しています。 これをIEで見ると、前側の 「 がきちんと表示されません。 l の様な感じで、棒状になってしまいます。 後ろ側の 」は、きちんと表示されます。 同じ物を、Firefoxで見ると、問題なく、括弧部分「○○○○」も表示されます。 「」を使用することは、あまりお勧めじゃないのでしょうか? 【】←こちらの括弧を使用した場合、IEでもFirefoxでも、きちんと表示されます。

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

    IEとFirefoxの違いで、うまく表示がさせません http://vileap.heteml.jp/ 上記のサイトにてIEでは、右側のボックスの「aaaaa」の文字が下に表示させていまい、Firefoxでは正常に表示させます。 どうすれば直りますでしょうか? ご教授お願い申し上げます。

    • ベストアンサー
    • HTML
  • IEとFIREFOXのフォントのサイズ違いを直したい。

    IEとFIREFOXではフォントのサイズが違ってしまいます。 FONT-SIZE:80%;とすると、 FIREFOXのほうが小さく表示されます。 これを同じサイズにするにはどうしたらよいのでしょうか? どなたかお教えいただきたいと思います。 よろしくお願いします。

  • Firefox と IE での padding の認識の違いについて

    CSS にて padding の記述をしているのですが、IE と Firefox で padding の認識の仕方が違い困っております。 例えば、幅100px の枠に左右の padding を 10px 指定した場合、幅100px の内に 10px の padding を取るのが IE であり、幅100px の外側に改めて padding 10px 取る(最終的に幅が120pxになる)のが Firefox であるようにです。 CSS例 #header { float: left; padding: 0 20; width: 100; height: 20; text-align: right; } このIE と Firefox の違いを解決する方法をご存知の方いらっしゃれば教えていただけないでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう