文字をスクロールさせるFORMの幅は同じに表示させることはできる？

2023/10/12 12:25

このQ&Aのポイント

javascriptで input type="text" の中に文字をスクロールさせているが、Mac、Win、IE、NSでの表示が異なる
size="100" と指定しても、MacのIE5が一番広く、Winが一番狭くなる
スタイルシートを使っても同じ幅に表示させる方法が分からず困っている

ベストアンサー

文字をスクロールさせるFORMの幅

2001/04/10 13:10

javascriptで input type="text" の中に文字をスクロールさせているのですが、その幅と、文字のサイズをMac、Win、さらにIE、NSでだいたい同じに表示させることは不可能なのでしょうか。普通にsize="100" と指定すると、一番広くなるのがMacのIE5（異常に広い）、次にMacその他、Winが一番狭くなります。スタイルシートを使ったりもしたのですが、やりかたが悪いせいか、うまくいきません。もう諦めて、GIFアニメにしちゃおうかとも思ったのですが、それもちょっとめんどくさいし・・・。だいたい同じ幅にさえなってくれればいいのですが、よろしくお願いします。

nyanchu
お礼率68% (109/158)

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

みんなの回答 （1）
専門家の回答

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

ベストアンサー

blackhouse
ベストアンサー率53% (8/15)

2001/04/11 13:26 回答No.1

こんにちは。ご質問のinput要素ですが、これはブラウザによって大きく表示が異なります。なので、size="100"などの指定だけでは、ほぼ同じように表示させることは無理かと思います。ただし、スタイルシートのheight・weightなどで指定してやると、スタイルシートに対応したブラウザでは同じように表示される様です。・・・んが、ネスケのform関係のタグはほとんどスタイルシートが効きません。（ネスケ6からはマシになったとか）回答にもなってませんが、これはしょうがないかと思います(^^;

質問者

お礼 2001/04/11 13:57

ご回答有り難うございました！あきらめて、真ん中をとったデザインにします。

関連するQ&A

横スクロールバーが消えません
webにフレームやFlashを導入してリニューアルさせてたのですが、横スクロールがいくつかのページで出てきてしまい困っております。テーブル幅はどのページも600ピクセル以下に設定しています。mac os XのIE 5.2だと横スクロールバーは１つも出ないのですが、win XPのIE 6.0だと何故か何個か横スクロールが出てきてしまいます。どこかのサイトで横スクロールバーを消す方法で <style type="text/css">  </style> これで消えるとあったんで試してはみたのですが、なにせhtmlの知識が乏しいので、使い方も悪いのか、まだ消えません。どうやったらこの横スクロールバーを消せるのでしょうか？どなたか分かる方いらっしゃったら教えてください。
- ベストアンサー
- HTML
スクロールバーの幅を取得するには？
対象はIE6～8です。 CSSの overflow-y: scroll; で表示される垂直スクロールバーについてなのですが、これは対象領域の横幅がスクロールバーの横幅よりも細いと、スクロールできなくなります。（使用不可のグレー表示になります）ある機能を実現するために、スクロールバーだけを独立して表示させたかったので、ぎりぎりの横幅（18px）を指定していたのですが、問題が起きました。デスクトップでの右クリックから開ける「画面のプロパティ」→「デザイン」で、フォントサイズを変更したり、あるいは詳細設定でDPIを変更すると、スクロールバーの幅が変わってしまうために、「ぎりぎりの横幅」も変わってしまいます。それにより、18pxの指定ではグレー表示となり動かせなくなりました。この解決策を求めています。現状としては、JavaScriptでスクロールバーの幅を取得できれば、初期表示時に補正できるので、一番手軽と考えているのですが・・・よろしくお願い致します。
- ベストアンサー
- JavaScript
POST中にローダーを表示
Javascriptにつきまして、ちょっと困っておりまして、どなたか助けていただけないでしょうか。。 <form>のpost中にローダー画像（GIFアニメ）を表示したいと思っています。そこで、以下のようにしたのですが、GIFアニメが出ません。これはどのようにしたらよいのでしょうか。 <form method="post" action="index.php"> <input type="text" name="tel" value="" > <input type="submit" name="submit" value="送信" onclick="loader();"> </form> <script type="text/javascript"> function loader() { jQuery('<div />').css ({ position: 'fixed', top: 0, left: 0, width: '100%', height: '100%', backgroundColor: '#fff', opacity: 0.7 }).html('<table style="width:100%;height:100%;"><tr><td style="text-align:center;vertical-align:middle;"><img src="loader.gif"></td></tr></table>').appendTo(jQuery("body")); } </script> 因みに、GIFアニメではなく、テキストでしたら普通に表示されます。ブラウザはchrome, FF, IE7, IE8で試しましたがどれも一緒でした。よろしくお願いします。
- 締切済み
- JavaScript
文字をスクロールさせる
過去の質問で探しはしたのですが、良い解答が見つかりませんでした。文字を下から上にスクロールさせたいんですが、ちょっと変わってます。質問は二つです。１：スクロールする範囲を指定したい。２：スクロールはループになっているのだが、ループごとに違うメッセージにしたい。の二つです。今のところプログラムは <html> <head> <title><title> <script Language="JavaScript">  </script> </head> <body onLoad="Tbase()"> <script Language="JavaScript">  </script> </body> </html> 最終的なイメージとしては、一行幅の枠(実際に枠を作るわけではない)の中で文字が、下から上にスクロールし、一行枠に文字がきちんとおさまったら一旦停止。その後上へ消えていく。すると今度は下から別の文字が来て同じような事を繰り返す。せめて、divの書き換えの方法や属性等がわかれば、自分でどうにかできると思うんですが・・・
- ベストアンサー
- JavaScript
スクロール文字について
今、HPを制作しています。そこでスクロール文字についてご質問です。今はWindows環境で制作しています、MAQEEを使うかJavaScriptで作るか迷っています。出来ればJavaScriptで作りたいと思っています（といっても知識がないので、コピペになりますが） MAQEEだとIEでしか見えないっていう欠点があります、ただし記述も簡単ですし、テーブルの中で使うので、そのテーブルも大きさも簡単に変えることが出来るのでバランスがとれます。 JavaScriptだと基本的にブラウザに依存することなく、offにしてないかぎり見ることができますよね、ただテキストボックスの中で動くことになるので、そうなると一行テキストボックスの縦幅の大きさが一定でもう少し大きくしたくも出来ません、これは記述次第ではこの縦幅を変えることって出来るんですか？もしくは、テキストボックスを使わずに、テーブルの中にスクロール文字を作ることが出来るんでしょうか？ご存知の方、よろしくお願いします。
- ベストアンサー
- HTML
文字列をスクロールさせたい（フォームを使わずに）
頁の任意の位置でスクロールする、『文字列』を入れたいんです。ただし、フォームの中をスクロールさせるとか、ステータスバーの中に表示するとかは使わずに、あくまでも頁の中の文字列の1行だけをスクロールさせたいのです。<MARQREE>タグだと、ieでは見られるけどネスケには使えないと本には書いてあるのですが、ieとNNの両方で見られるようにしたいのです。まだ、始めたばかりで、あまり難しいjavascriptは解らないのですが、どなたか、教えていただけないでしょうか。よろしくお願いします！
- ベストアンサー
- JavaScript
文字の大きさを変更するjavascriptについて
文字の大きさを変更するjavascriptについての質問です。現在以下のようなスクリプトを使用しているのですが、 IE６では動作しますがFirefox2.0では動きません。原因、アドバイス等あればご指摘お願いします。 *****このスクリプトを外部ファイルとして読み込んでいます***** function larger(){ content_area.style.fontSize="14pt"; } function standard(){ content_area.style.fontSize="12pt"; } function smaller(){ content_area.style.fontSize="9pt"; } *********************************************************** *****head内の外部js読み込み部分***** <script type="text/JavaScript"　src="common/js/fontsize.js"></script> ************************************ *****body内のjavascript呼び出し部分***** <ul> <li class="text_large"><a href="javascript:larger()">文字サイズ大</a></li> <li class="text_mid"><a href="javascript:standard()">文字サイズ中</a></li> <li class="text_small"><a href="javascript:smaller()">文字サイズ小</a></li> </ul> **************************************** よろしくお願いします。
- ベストアンサー
- JavaScript
CSSをブラウザ別に振り分ける方法
JavaScript初心者で、ソースは本に載っていたものをそのまま使っているのですが、その本だと、MAC、WIN-IE、WIN-NSの3つの外部スタイルシートを読み込ませるスクリプトしか載っていないので、困っています。 MACでも、IE、NS両方とも振り分けたいんです。今使っているソースは以下です。このファイル自体は、フレームセットファイルでフレームを切った中のファイルなのですが、フレームセットファイルにも<script language="JavaScript">以降の記述は必要なのでしょうか？必要な場合は、どのようにして記述したら良いか教えて下さい。よろしくお願いします。 <HTML> <HEAD>  <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=EUC-JP"> <TITLE></TITLE> <script language="JavaScript">  </script> </HEAD>
- ベストアンサー
- JavaScript
ユーザid等の入力formの大きさが違う
ユーザIDとパスワード入力用の画面を作ったのですが、ブラウザ上でwin2000だと同じ大きさでみれるのに、 xpだと大きさが変わってしまいます。なぜですか？ <input type="text" name="usrId" maxlength="8" size="12" value="" style="IME-MODE: inactive"> <input type="password" name="pwd" maxlength="10" size="12" value="">
- ベストアンサー
- HTML
MacのIEで同じに見える文字のCSSを教えてください。
WinのIEで文字に12pxのCSSを当てているのですが MacのIEで見ると、文章の横幅が大きくなってしまいます。 javascriptでWinとMacを振り分けてCSSを当てているんですが同じに見えるMac用のCSSを教えてください。 ※Macの12pxとWinの80%は同じでした。　Winの12pxはMacの何に当たるのでしょうか？よろしくお願いします。
- ベストアンサー
- HTML