HTML&CSSの質問です。

HTMLで─と入力すれば罫線の横棒が表示されるのですが、フォントに"Courier New"を選択すると、Firefox2.0では横棒と半角文字の幅が同じなのですが、IE6では横棒の幅が、半角文字幅より大きくなってしまいます。
キャラクターベースのソフトをWebに移植しているので、罫線と半角英数文字を使って表を書く必要があります。
tableは使えません。
会社で使っているパソコンは英語版のWindowsで、以前は正常に表示されていたのに、日本語フォントをインストールしてからIE6で罫線の幅が広くなってしまったように思います。

コードはこんな感じです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=en"/>
<title>test</title>
</head>
<body>
<div style="font: 24px 'Courier New', monospace">
&#9472;<br/>
W
</div>
</body>
</html>

charsetやfontを変更することで、IE6でも正常に表示されるように出来ないでしょうか?
OSはWindosXP以上です。よろしくお願いします。

回答の条件
  • 1人5回まで
  • 登録:2007/05/24 10:10:46
  • 終了:2007/05/31 10:15:03

回答(1件)

id:draglooe No.1

ドラグルー回答回数23ベストアンサー獲得回数22007/05/24 20:06:34

ポイント60pt

— ではダメでしょうか?

「正常に」とありますが、'Courier New'ではそれが正常なのだと思います。

http://papie2.hp.infoseek.co.jp/tokusyumoji.html

id:taka21st

draglooeさんの—はマイナス(-)でしょうか?

キャラクターコードを教えて頂けるとありがたいです。

キャラクターコード、

9472(─),9474(│),9484(┌),9488(┐),9492(└),9496(┘),9500(├),9508(┤),9516(┬),9524(┴),9532(┼)

を使って表を描く必要があります。

draglooeさんの上記のURLをFirefoxでCharacter EncodingをWestern(ISO-8859-1)で表示すれば、上記のキャラクターコードで、半角幅の罫線が表示されるのを確認できると思います。

(もしかしたら、日本語版のWindowsでは、表示のされ方が違うかも知れませんが、僕の手元には、日本語版のWindowsでテスト出来る環境がありません。)

IE6で上記のキャラクターコードが半角幅の罫線として表示される、フォントやキャラクターセットの設定があれば、教えて下さい。

また、質問文で私の書いたHTMLではキャラクターセットの設定の仕方が間違っていると思うので、METAタグでキャラクターセットの設定の仕方も、ご存じでしたら、教えて下さい。

今のところ、IE6では、プラス(+)とマイナス(-)記号で代用するか、罫線を描いたイメージファイルを張り付けるしかないかなぁと思っています。

他の解決策をご存じの方が、おられましたら、お知らせ下さい。

2007/05/25 06:40:18

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません