- ベストアンサー
FireFox14で正常なのが、IE9で文字化け
- FireFox14で正常に表示されるが、IE9では文字化けが発生して表示されない問題が発生しています。
- さらに、FireFoxでは画像内側がホバーされてピンク色の枠が表示されるが、IEでは表示されない問題もあります。
- 上記の２つの問題を修正する方法について教えてください。
- oshietekun1go
- お礼率7% (2/27)
- CSS
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
ツッコミどころは満載ですがそれは今は置いておきます。 とりあえず、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を追加。
その他の回答 (2)
- too_bad
- ベストアンサー率53% (70/130)
>>2です。 ファイルエディターでやるよりかも、 http://flashdevelop.jp/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8 こういうオープンソース(永久無料)のソースコードエディタを 使ってみられてはいかがでしょうか？
- ORUKA1951
- ベストアンサー率45% (5062/11036)
とりあえずすることは Another HTML-lint 5 ( http://www.htmllint.net/html-lint/htmllint.html# ) などで、指摘される文法上の重大な問題を取り除くこと。エラー度が小さいものはともかく、大きなものを取り除くだけで・・
