2014年 02月 27日
互換表示について勉強しましょう
ブログを楽しんでおられる方 必読です!!
ブロ友さんからブログの画像や文字の位置ずれを指摘されたことはありませんか?
また、文字の字体が変わってしまったり、広くしたコメント枠が突然狭くなったことはありませんか?
Internet Explorerがバージョン11にアップされるようになってから、増えたトラブル相談です。
「互換表示」を知っていると理解出来ますので、互換表示について勉強してみましょう。
【互換表示とは】
Internet Explorer はIE6、IE7、IE8、IE9、IE10、IE11とバージョンがアップされてきました。
機能が上がり、処理も変わってきますので、ホームページの見え方も変わってくるのは止むを得ないことです。
しかし、新しいバージョンになって、古いバージョンで作られたホームページが見えないのでは困ります。
そこで、考えられたのが「互換表示」という機能です。
新しいバージョンでも「互換表示」に切り替えれば古いバージョンの画面で見ることが出来るのです。
この機能はIE8から付いています。
事例で説明しましょう。
【事例1】
Aさんのブログのコメント欄部分です。
文字の太さ、コメント欄の広さに注目してください。
Internet Explorerの最新バージョン11で見た画面
「互換表示」に切り変えて見た画面
互換表示にするとコメント枠が広くなり、文字が細くなっています。
Aさんはコメント枠が広い方で閲覧して欲しかったのでしょう、ブログの冒頭に「互換表示でご覧ください」と案内文がありました。
【事例2】
相談室の「互換表示のテスト投稿1」です。
この記事はInternet Explorer バージョン10で投稿したものです。
画像の見え方に注目してください。
Internet Explorerバージョン10で見た画面
互換表示に切り変えて見た画面
互換表示にすると1枚目と2枚目の一部しか見えません。
互換表示で確認せず投稿し、入力ミスに気が付かなかった事例です。
IE6やIE7の古いバージョンで見ている方は2枚目と3枚目の写真は見えないと思います。
【事例3】
相談室の「互換表示のテスト投稿2」です。
この記事はInternet Explorer バージョン10で互換表示に切り替えて投稿したものです。
画像の配置に注目してください。
Internet Explorerバージョン10の互換表示のまま見た画面
互換表示を解除して見た画面
互換表示を解除すると画像の配置がずれて見えます。
互換表示を解除せず投稿し、入力ミスに気が付かなかった事例です。
IE8~IE11のバージョンで見ている方は画像の配置がずれていると思います。
【まとめ】
互換表示はバージョン7の処理で表示することが分かりました。
あなたの作ったブログは、
色々なパソコン、色々なブラウザ、色々なバージョン、色々な設定で見られています。
折角の写真が消えてしまっては困ります。
入力に不具合いが無ければ写真がずれたり消えることはありません。
記事を投稿するときは互換表示を切り替えて確認することが大切です。
相談室の「互換表示のテスト投稿3」は入力ミスを修正して投稿した記事です。
次のページをクリックして開き、ご自分のパソコンでどのように見えるか確認してください。
「互換表示のテスト投稿1」
「互換表示のテスト投稿2」
「互換表示のテスト投稿3」
「互換表示設定の手順」についてこちらをご覧ください。
ブロ友さんからブログの画像や文字の位置ずれを指摘されたことはありませんか?
また、文字の字体が変わってしまったり、広くしたコメント枠が突然狭くなったことはありませんか?
Internet Explorerがバージョン11にアップされるようになってから、増えたトラブル相談です。
「互換表示」を知っていると理解出来ますので、互換表示について勉強してみましょう。
【互換表示とは】
Internet Explorer はIE6、IE7、IE8、IE9、IE10、IE11とバージョンがアップされてきました。
機能が上がり、処理も変わってきますので、ホームページの見え方も変わってくるのは止むを得ないことです。
しかし、新しいバージョンになって、古いバージョンで作られたホームページが見えないのでは困ります。
そこで、考えられたのが「互換表示」という機能です。
新しいバージョンでも「互換表示」に切り替えれば古いバージョンの画面で見ることが出来るのです。
この機能はIE8から付いています。
事例で説明しましょう。
【事例1】
Aさんのブログのコメント欄部分です。
文字の太さ、コメント欄の広さに注目してください。
Internet Explorerの最新バージョン11で見た画面
「互換表示」に切り変えて見た画面
互換表示にするとコメント枠が広くなり、文字が細くなっています。
Aさんはコメント枠が広い方で閲覧して欲しかったのでしょう、ブログの冒頭に「互換表示でご覧ください」と案内文がありました。
【事例2】
相談室の「互換表示のテスト投稿1」です。
この記事はInternet Explorer バージョン10で投稿したものです。
画像の見え方に注目してください。
Internet Explorerバージョン10で見た画面
互換表示に切り変えて見た画面
互換表示にすると1枚目と2枚目の一部しか見えません。
互換表示で確認せず投稿し、入力ミスに気が付かなかった事例です。
IE6やIE7の古いバージョンで見ている方は2枚目と3枚目の写真は見えないと思います。
【事例3】
相談室の「互換表示のテスト投稿2」です。
この記事はInternet Explorer バージョン10で互換表示に切り替えて投稿したものです。
画像の配置に注目してください。
Internet Explorerバージョン10の互換表示のまま見た画面
互換表示を解除して見た画面
互換表示を解除すると画像の配置がずれて見えます。
互換表示を解除せず投稿し、入力ミスに気が付かなかった事例です。
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/
さすが!パソコンの先生です。
IEが古い頃はエキサイトブログのHTML、CSSを編集しても
崩れる事はありませんでした。
マーキータグを使い、過去にはいろいろと遊んだりしてましたが
今となってはやる気がうせたりしてます。
今後はシンプル イズ ベストで行くべきでしょうねえ。
以下の画像表示も使えなくなりました。
http://rindou.exblog.jp/13625323/
0
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
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で見ている方も問題なく見ることができるでしょう。
またおかしな配置のブログを閲覧したら、古いバージョンの方が投稿した可能性がありますので、互換表示にして見て見るとよいでしょう。
その通りです。
IE8~IE9をお使いの方はブログを投稿する時互換表示に切り替えて確認するとIE6、IE7で見ている方も問題なく見ることができるでしょう。
またおかしな配置のブログを閲覧したら、古いバージョンの方が投稿した可能性がありますので、互換表示にして見て見るとよいでしょう。