• ベストアンサー

HPボタンの長さが異なる。

下のボタンが マックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、 Windows「IE4.5」「IE5.0」はボタンの長さが異なり ガタガタになります。 windowsでも奇麗に並べるにはどうしたらいいのでしょうか? よろしくご指導お願いいたします。 テストでアップしてあるURLですのでご確認してください。 http://watn.jp/test/ <HTML> <HEAD> <TITLE>++++</TITLE> </HEAD> <!------------------- 中身-------------------> <center> 下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だと<br> ちゃんと中央に表示されますが、Windows「IE4.5」「IE5.0」は<br> ボタンの長さが異なりガタガタになります。 <FORM> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇   " onClick="window.location.href='kituke.html'"><br> <INPUT TYPE="button" VALUE="   ・・◇◇◇◇  " onClick="window.location.href='sadou.html'"><br> <INPUT TYPE="button" VALUE="   ・・◇◇◇◇◇ " onClick="window.location.href='buyou.html'"><br> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇   " onClick="window.location.href='ivent.html'"><br> <INPUT TYPE="button" VALUE="   ・・◇◇◇◇  " onClick="window.location.href='tenjikai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇       " onClick="window.location.href='butai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇      " onClick="window.location.href='honten.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇◇     " onClick="window.location.href='yono.html'"><br> </FORM> </center> </BODY> </HTML>

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

  • ベストアンサー
noname#199778
noname#199778
回答No.2

ボタンの表示幅を統一したいということでしたら、スタイルシートで幅を指定して揃えるのではいかがでしょうか。 おそらくフォントの幅の違いでボタンの横幅が揃わなくなっているということだと思いますので。 head要素内に、以下のスタイル指定を入れてみてください。 <style type="text/css"><!-- form input{width: 11em;} --></style> これで幅を揃えることができると思います。 実際の表示幅は適宜調整してください。 参考になれば幸いです。

watnstar
質問者

お礼

できました。 スタイル設定をするだけできちんとするんですね。 解決してたいへん助かりました。 ほんとうにありがとうございました。

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • 918BG
  • ベストアンサー率48% (476/984)
回答No.1

あてずっぽうです。全く自信なしですが、VALUE="何々" の中身はフォントとスペースの組み合わせですよね? Mac環境とWindows環境でフォントのサイズが違うということかなあと・・・。

watnstar
質問者

補足

早速のご回答誠にありがとうございます。 VALUE="何々"はフォントとスペースです。どちらの環境でも見栄えが良くなる方法が知りたいのですー。

すると、全ての回答が全文表示されます。

関連するQ&A