ホームページの表示サイズが大きすぎる           

ホームページの表示が大きくなり、横にスクロールさせないと見られない


横幅の大きなテープル、画像を使ったり、大きな横幅を絶対値で指定している。
確認項目 対応方法
すべての横幅指定を確認する。
  • width="数値" の数値を一つずつ確認していく。
  • 困ったときの基本-1 で書いたフリーソフトのHTMLエディターを導入し、「width」で検索すれば 簡単に確認できる。
  • ブラウザーの表示を大きくしたり小さくしたとき、それにあわせホームページの幅を伸縮させるには、「width="100%"」 のように % 指示に変更する。[ *1 ]
  • 「 width 」が記入してなければ問題ない。あえて % 指示を入れる必要はない。
  • 画像の場合は、表示されているサイズ以上に小さくしようとするとスクロールバーが出てしまう。 小さな画像に変えない限り解決しない。
大きさが表示されていない画像の場合
  • IE で表示されている画像の上で「右クリック」し、メニューの中から「プロパティ」を選択する。
  • 「大きさ :  150X30 ピクセル」のように横幅 X 高さが表示される。
  • この横幅以下には画面を小さくすると、横のスクロールバーが出てしまう。
  • それがイヤなら画像のサイズを小さくするしかない。
  • 目安としては 640 ビクセルという数値があげられる。
  • 印刷時標準状態で、きれずに印刷できるサイズが640 ビクセル。
テーブルの中に画像をいくつも入れていないか。
  • 一つの画像のサイズが小さくても、テーブルに入れて横にいくつか並べているときは、その足し算になるので 注意が必要。
横に並べる数を減らす。
テーブルの中で「 nowrap 」の指示をしていないか
  • テーブルで<TABLE width="100%"> のように指示していても、セルの中で自動改行を禁止するため <TD nowrap> のように書いていると、そのセルの文字数に応じた横幅になってしまいます。
<TD nowrap> の指示があれば「 nowrap 」をなくし<TD> だけにする。
[ *1 ]
「width="800"」のように数値で入れると、800ピクセルという絶対値になってしまうため、表示サイズを 小さくしていって800ピクセル以下になると、横スクロールバーが出てしまう。
TOPページに戻る