人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

以下のHTMLをWindowsのIE 6で表示させると、ボタンのボーダーがおかしくなります(アンチエイリアスのドットが大きい感じ)。
これを修正する方法はあるでしょうか?

---
<!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>
---

●質問者: imsut
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:DTD HTML IE W3C Windows
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● pxb12663
●35ポイント

これはIE6というよりWindowsXPの仕様ですので仕方がないです。

ボタンの中の文字を長くするとその分、ボタンのイメージを引き延ばすためだと思われます。

これを回避するには、ボタンにスタイルシートを設定するといいでしょう。

例えば、

<input type="submit" value="メールアドレスを変更する" style="border:1px"/>

こんな感じです。“style="border:1px"”の部分がそれに当たります。

http://www.tohoho-web.com/css/index.htm

こちらを参考にして、色々試してみるといいでしょう。

◎質問者からの返答

ありがとうございます。

border: 1px

をつけると、ボタンが古い感じになっちゃいますねー。

画像を別途作って張るしかないのでしょうか・・・。


2 ● kazu1107
●35ポイント

デザインにこだわるなら画像を張った方がいいかと。

今の状況ではWindowsXP以外はデフォルトでpbx12663様が言う「古い感じ」のボタンになります。

◎質問者からの返答

なるほど・・・。

わかりました。ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ