ザインがページによって少しずれている?と感じたら!

デザインがページによって少しずれている?と感じたら!Webデザイン・テンプレート集内容が少ないページの場合、長いページと比べてデザインがすこしずれて見えます。
これはスクロールバーの表示が出たり消えたりしている影響を受けているのです。
ずれ症状

ブラウザの普通の挙動なのですが、気になる方は次の方法でずれがなくなります。

解決法は2つあります。

  1. 内容が少ないページのボリュームをスクロールバーが表示されるぐらい増やす
  2. CSSで常にスクロールバーが表示されているように変更する

1のボリュームを増やす方は本に記載された方法でコンテンツ内容を増やしていくとよいでしょう。
ここでは2の方法を解説します。

CSSで常にスクロールバーが表示されているように変更する

各デザインのフォルダの「common」→「css」の中にあるcommon.cssテキストエディタで開いてください。

common.cssのはじめの方にhtmlのスタイル指定があります。

ここに常にスクロールバーを表示するスタイルを追加しましょう。

これで常にスクロールバーが出ているので、ページよって少しずれたようにみえるのが解消されます!
スクロールバーを常に表示する処理済