ＨＰボタンの長さが異なる。

解決済

質問者：watnstar
質問日時：2003/06/21 11:05
回答数：2件

下のボタンが
マックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、
Windows「IE4.5」「IE5.0」はボタンの長さが異なり
ガタガタになります。
windowsでも奇麗に並べるにはどうしたらいいのでしょうか？
よろしくご指導お願いいたします。
テストでアップしてあるＵＲＬですのでご確認してください。
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>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.1

回答者： 918BG
回答日時：2003/06/21 11:21

あてずっぽうです。

全く自信なしですが、VALUE="何々" の中身はフォントとスペースの組み合わせですよね?

Mac環境とWindows環境でフォントのサイズが違うということかなあと・・・。

この回答への補足

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

補足日時：2003/06/21 11:27

通報する

- 0
- 件

通報する

No.2ベストアンサー

回答者： lead1976
回答日時：2003/06/21 12:01

ボタンの表示幅を統一したいということでしたら、スタイルシートで幅を指定して揃えるのではいかがでしょうか。

おそらくフォントの幅の違いでボタンの横幅が揃わなくなっているということだと思いますので。

head要素内に、以下のスタイル指定を入れてみてください。

<style type="text/css"></style>

これで幅を揃えることができると思います。実際の表示幅は適宜調整してください。

参考になれば幸いです。