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

2012/08/26 03:04

このQ&Aのポイント

FireFox14で正常に表示されるが、IE9では文字化けが発生して表示されない問題が発生しています。
さらに、FireFoxでは画像内側がホバーされてピンク色の枠が表示されるが、IEでは表示されない問題もあります。
上記の２つの問題を修正する方法について教えてください。

oshietekun1go
お礼率7% (2/27)

CSS
回答数3
ありがとう数0

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

too_bad
ベストアンサー率53% (70/130)

2012/09/09 19:52 回答No.2

ツッコミどころは満載ですがそれは今は置いておきます。とりあえず、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を追加。