人気ブログランキング | 話題のタグを見る

互換表示について勉強しましょう

ブログを楽しんでおられる方 必読です!!

ページへページへページへページへページへページへ

 ブロ友さんからブログの画像や文字の位置ずれを指摘されたことはありませんか?
また、文字の字体が変わってしまったり、広くしたコメント枠が突然狭くなったことはありませんか?
Internet Explorerがバージョン11にアップされるようになってから、増えたトラブル相談です。
「互換表示」を知っていると理解出来ますので、互換表示について勉強してみましょう。

【互換表示とは】
Internet Explorer はIE6、IE7、IE8、IE9、IE10、IE11とバージョンがアップされてきました。
機能が上がり、処理も変わってきますので、ホームページの見え方も変わってくるのは止むを得ないことです。
しかし、新しいバージョンになって、古いバージョンで作られたホームページが見えないのでは困ります。
そこで、考えられたのが「互換表示」という機能です。
新しいバージョンでも「互換表示」に切り替えれば古いバージョンの画面で見ることが出来るのです。
この機能はIE8から付いています。
事例で説明しましょう。

【事例1】
Aさんのブログのコメント欄部分です。
文字の太さ、コメント欄の広さに注目してください。
Internet Explorerの最新バージョン11で見た画面
互換表示について勉強しましょう_d0181824_16281382.jpg

「互換表示」に切り変えて見た画面
互換表示について勉強しましょう_d0181824_16312079.jpg

互換表示にするとコメント枠が広くなり、文字が細くなっています。
Aさんはコメント枠が広い方で閲覧して欲しかったのでしょう、ブログの冒頭に「互換表示でご覧ください」と案内文がありました。

【事例2】
相談室の「互換表示のテスト投稿1」です。
この記事はInternet Explorer バージョン10で投稿したものです。
画像の見え方に注目してください。
Internet Explorerバージョン10で見た画面
互換表示について勉強しましょう_d0181824_1738345.jpg

互換表示に切り変えて見た画面
互換表示について勉強しましょう_d0181824_1740084.jpg

互換表示にすると1枚目と2枚目の一部しか見えません。
互換表示で確認せず投稿し、入力ミスに気が付かなかった事例です。
IE6やIE7の古いバージョンで見ている方は2枚目と3枚目の写真は見えないと思います。

【事例3】
相談室の「互換表示のテスト投稿2」です。
この記事はInternet Explorer バージョン10で互換表示に切り替えて投稿したものです。
画像の配置に注目してください。
Internet Explorerバージョン10の互換表示のまま見た画面
互換表示について勉強しましょう_d0181824_17422656.jpg

互換表示を解除して見た画面
互換表示について勉強しましょう_d0181824_1746630.jpg

互換表示を解除すると画像の配置がずれて見えます。
互換表示を解除せず投稿し、入力ミスに気が付かなかった事例です。
IE8~IE11のバージョンで見ている方は画像の配置がずれていると思います。

【まとめ】
互換表示はバージョン7の処理で表示することが分かりました。

あなたの作ったブログは、
色々なパソコン、色々なブラウザ、色々なバージョン、色々な設定で見られています。
折角の写真が消えてしまっては困ります。
入力に不具合いが無ければ写真がずれたり消えることはありません。
記事を投稿するときは互換表示を切り替えて確認することが大切です。
相談室の「互換表示のテスト投稿3」は入力ミスを修正して投稿した記事です。
次のページをクリックして開き、ご自分のパソコンでどのように見えるか確認してください。
「互換表示のテスト投稿1」
「互換表示のテスト投稿2」
「互換表示のテスト投稿3」

「互換表示設定の手順」についてこちらをご覧ください。

by PC-otasukeman | 2014-02-27 16:03 | Comments(12)

Commented at 2014-02-27 16:13
ブログの持ち主だけに見える非公開コメントです。
Commented at 2014-02-27 20:08
ブログの持ち主だけに見える非公開コメントです。
Commented by pote.myan at 2014-02-27 21:08
互換表示について、詳しく検証されてますね。
さすが!パソコンの先生です。
IEが古い頃はエキサイトブログのHTML、CSSを編集しても
崩れる事はありませんでした。
マーキータグを使い、過去にはいろいろと遊んだりしてましたが
今となってはやる気がうせたりしてます。
今後はシンプル イズ ベストで行くべきでしょうねえ。
以下の画像表示も使えなくなりました。
http://rindou.exblog.jp/13625323/
Commented by PC-otasukeman at 2014-02-28 07:12
★ pote.myan さん
コメントありがとうございます。
ご紹介頂きましたページ拝見させて頂きました。
そして、冒頭の互換表示のご案内の意味が理解できました。

シンプル イズ ベスト・・・・私も同感です。
Commented at 2014-02-28 10:02
ブログの持ち主だけに見える非公開コメントです。
Commented at 2014-02-28 12:08
ブログの持ち主だけに見える非公開コメントです。
Commented at 2014-02-28 19:14
ブログの持ち主だけに見える非公開コメントです。
Commented by renchiyan2 at 2014-03-01 05:09
おはようございます
互換表示 そんな設定あったのですか知りませんでした
ありがとうございます
Commented by PC-otasukeman at 2014-03-01 17:34
★ renchiyan2 さん
画面が崩れて見えた時は互換表示に切り替えて見てください。
記事を投稿したとき、互換表示をオン・オフして異常がないか確認するとよいですよ。
Commented at 2014-03-01 17:37
ブログの持ち主だけに見える非公開コメントです。
Commented by nanako-729 at 2014-03-02 19:49
こんばんは!
互換表示、知りませんでした~(〃⌒∇⌒)ゞ
互換表示を有効にしても解除しても写真の見え方が
同じだったら問題ないということですよね???
Commented by PC-otasukeman at 2014-03-03 07:52
★ nanako-729 さん
その通りです。
IE8~IE9をお使いの方はブログを投稿する時互換表示に切り替えて確認するとIE6、IE7で見ている方も問題なく見ることができるでしょう。
またおかしな配置のブログを閲覧したら、古いバージョンの方が投稿した可能性がありますので、互換表示にして見て見るとよいでしょう。
名前
URL
削除用パスワード

<< 幻のお米 ミネアサヒ    互換表示のテスト投稿1 >>