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

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以上です。よろしくお願いします。

●質問者: taka
●カテゴリ:ウェブ制作
✍キーワード:2.0 CSS DTD HTML IE6
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● ドラグルー
●60ポイント

— ではダメでしょうか?

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

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

◎質問者からの返答

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では、プラス(+)とマイナス(-)記号で代用するか、罫線を描いたイメージファイルを張り付けるしかないかなぁと思っています。

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

関連質問


●質問をもっと探す●



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