これを修正する方法はあるでしょうか?
---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
</head>
<body>
<form>
<div>
<input type="submit" value="メールアドレスを変更する" />
</div>
</form>
</body>
</html>
---
これはIE6というよりWindowsXPの仕様ですので仕方がないです。
ボタンの中の文字を長くするとその分、ボタンのイメージを引き延ばすためだと思われます。
これを回避するには、ボタンにスタイルシートを設定するといいでしょう。
例えば、
<input type="submit" value="メールアドレスを変更する" style="border:1px"/>
こんな感じです。“style="border:1px"”の部分がそれに当たります。
http://www.tohoho-web.com/css/index.htm
こちらを参考にして、色々試してみるといいでしょう。
デザインにこだわるなら画像を張った方がいいかと。
今の状況ではWindowsXP以外はデフォルトでpbx12663様が言う「古い感じ」のボタンになります。
なるほど・・・。
わかりました。ありがとうございます。
ありがとうございます。
border: 1px
をつけると、ボタンが古い感じになっちゃいますねー。
画像を別途作って張るしかないのでしょうか・・・。