FireFox14で正常なのが、IE9で文字化け

解決済

質問者：oshietekun1go
質問日時：2012/08/26 03:04
回答数：3件

ご常連のORUKAさんに御指導しただき
サンプルではありますが、試験的に適当なページを作ってみました。
一通り終って休憩しようとしたところ問題を発見
問題は二つです。
~~~~~~~~~~~~~~~

自分はいつもFireFoxをつかっているのですが、なんとFireFoxにて、FC２ホームページのファイルエディアで作ったHTMLサイトがIEでは正常に表示されません！
サイト→http://cssprac.web.fc2.com/index.html
CSS→http://cssprac.web.fc2.com/style.css

●１、文字化け

文字化けにはmetaを入れるといいと言う情報を探し出したのでさっそく<title>の前に入れましたら、なんと！！
書き入れて保存すると、書き入れたばかりのmetaタグとさらに<title>部分までいっきに消えてしまいます。

●２、Firefoxでは画像内側が正常にホバーされてピンク色の枠がでるのが、IEでは出ません。そのかわり、IEではｆｃ２.comというリンク文字がなぜかホバーされてピンク枠がかります。

一体何が起きているのでしょうか。この2点を修正する方法を教えてください。
なにとぞご教示ください・・・。お願いします。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： too_bad
回答日時：2012/09/09 19:52

ツッコミどころは満載ですがそれは今は置いておきます。

とりあえず、DOCTYPE宣言とメタタグによる文字コード指定をすれば直ると思います。
HTMLの元ソースが下記でしたので、
<html>
<head>
<title>タイトル</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body style="">
<center>
<div id="site-box">
<div id="b-box">
<div style="text-align: left;"><b><span style="font-size: small;">クイックビュー</span></b></div>
<div style="text-align: left; margin-left: 10px;"><span style="font-size: small;">a<br />
b<br />
c<br />
d</span></div>

これを・・・

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset=utf-8" />
<title>タイトル</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body style="">
<center>
<div id="site-box">
<div id="b-box">
<div style="text-align: left;"><b><span style="font-size: small;">クイックビュー</span></b></div>
<div style="text-align: left; margin-left: 10px;"><span style="font-size: small;">a<br />
b<br />
c<br />
d</span></div>

としてみましょう。1行目と4行目を追加、2行目にlangを追加。