シニア向けホームページ制作はアクセシビリティとユーザビリティ重視のスタジオツインルームで

レイアウトが崩れる!
対策は?

ホーム > ホームページの10のトラブル
      > レイアウトが崩れる!

無料相談 TEL:042-386-9317/080-5002-9317

レイアウトが崩れる!

出来上がったホームページをこちらのパソコンで見てみると、きちんとレイアウトされて見えるのに、あちらのパソコンで見ると、妙に文字の位置が変化して、レイアウトが崩れている。

そんな経験がありませんか?

これは、気になる方にはとても気になるトラブルですが、気にならない方にはまったく気にならないトラブルです。

たとえば、次の例をご覧ください。

表示の崩れの例

あるパソコンでは、左側の[本来の表示]の例のように、「講演会」が1行に収まって表示されます。しかし、これを別のパソコンで見ると右側の[崩れた表示]のように、「講演会」が2行にわたってしまうことがあります。

もちろん、どちらのパソコンも、[表示]メニューで[文字のサイズ]を[中]にそろえてあったとしても、この現象は起きます。

これは、パソコンによって、表示文字の大きさや文字間隔が変化するためです。以下の文字サイズ表示の比較をご覧ください。

パソコンによる、表示文字の大きさと文字間隔の変化例

このように、同じ文字が、パソコンのOSやブラウザーのバージョンが変わると、まるで違う文字のように表示されてしまいます。そのため、ある行が1行に表示されたり、2行に表示されたりするのです。

この問題は、ある程度までは解決できます。各条件で表示される文字の大きさがほぼ一定になるように、おおまかな調節をすることができるからです。しかし、厳密な調節はできませんので、 完全な解決は不可能です。

この現象は、厄介なことに、同じOS、同じブラウザーを使っていても、起こることがあります。

たとえば、Windows XP と Internet Explorer 6 との両方を使っている2台のパソコンがあったとして、同じホームページを表示すると、表示結果が異なることがしばしばあります。

したがって、このトラブルはホームページに固有の問題であり、完全な解決は不可能です。

残念ですが、こういう現象が起きるものだと思って、あきらめてください。

 

なお、10のトラブル全体の概要を知りたい方は、[ホームページの10のトラブル(L)]をご覧ください。

ご質問・お問い合わせは、[こちら]へどうぞ。