- ベストアンサー
ブラウザ間の表示の違いについて
- ブラウザ間での表示の違いについて調査しました。
- 使用するブラウザによって文字の大きさの違いや文字化けが発生することがあります。
- スタイルシートの調整だけでは解決しない場合もありますが、ブラウザごとに表示を合わせる方法も存在します。
- samsara0120
- お礼率100% (2/2)
- CSS
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
どうも。こんばんは。 IEがFirefoxと同じような表示ならずに困っているということですね。 IE9では見れていないのですが、IE8でたしかに文字化けと文字サイズの差異が見受けられました。 ■1.文字サイズが違う △原因 互換モードで表示されている ○解決方法 下記1行をHTMLの1行目に入れてください。 （<html>タグより上） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> トップページはDOCTYPE宣言が入っていたみたいですが、他の多くのページに記述されていませんでした。 上記1行を各ページに入れれば、標準モードで動くので解決には繋がると思います。 □蛇足 これが入っていないとIEでは互換モード（昔のブラウザに合わせた表示）が選ばれてしまうみたいです。 そのため、CSS2として解釈して欲しいところがCSS1として解釈されます。 参考 http://kumacrow.blog111.fc2.com/blog-entry-279.html 昔の表示だと文字が同じx-smallでも少し大きくなってしまいます。 上記記述を行うとXHTMLとなるので、 <img>や<br>等のタグを<img src="xxx.jpg" alt="xxx" />や<br />と記述しなければいけなくなります。 しかし、間違って<img src="xxx.jpg" alt="xxx">としても動いちゃいますが。 ■2.文字化け ○解決方法 <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> のいずれかを <head> </head> の間に入れてあげてください。 文字コードが指定されていないと、IEでは意図していた文字コードで自動判別できないようです。 □蛇足 入れる際や保存する際は文字コードが正しいかチェックして下さい。 文字化けしたまま保存するともとに戻せません。 あと、色々ページを見たのですが、文字コードがバラバラみたいです。 どうしても別の文字コードで表示させなければいけないということでないのなら、サイト内では統一しておいたほうが混乱なくサイト作りできると思います～。 サイト作り頑張ってください～。
その他の回答 (1)
- tyatsumi
- ベストアンサー率58% (30/51)
index.html, top.html は文字コードがEUC-JPのようです。 main.html はUTF-8のようです。 文字コードをUTF-8に統一すべきですね。 そしてmetaタグでcharsetの指定をしたほうがよいと思います。 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
お礼
無事文字化けをなくすことができました！！！！！！！ お忙しい中、 本当にありがとうございました！！！！！！！！
お礼
お二方の回答のおかげで無事に文字化け、ブラウザ間の文字の大きさの違いを克服することができました！！！！！！ 長く悩んでいた問題だったのでほんとう感謝しても感謝しきれません…！！ お忙しい中この質問に対し時間を割いてくださってありがとうございました！！！！