サイドバーが圧迫されてしまったときの対処方法 について、ご説明します。

 

（上記の動画が見れない方は、こちらの大きな動画 をご覧ください）

動画で話している内容について（テキスト）

ここでは、サイドバーが圧迫されてしまったときの対処方法について、ご説明をさせていただきます。


まず、ホームページを作っていると、サイドバーが圧迫されて、サイドバーの横幅が狭くなってしまうことがあります。




これは、メインコンテンツの横幅が広くなりすぎていることが原因です。

たとえば、メインコンテンツの部分で、下記のことを行っているときに、起きる現象になります。

■ サイドバーの横幅が狭くなる３つの原因

メインコンテンツの部分に、横幅の大きな画像を表示させた場合

メインコンテンツの部分に、横幅の大きな画像を表示させると、メインコンテンツの横幅が広がって、サイドバーが狭くなってしまいます。

このような場合は、画像をJTrim を使って、横幅を小さくするか、もしくは、width を使って、横幅を調整するようにしましょう。

こうすることで、サイドバーが圧迫される現象を防ぐことができます。

メインコンテンツの部分に、イコール（=）や、エンマーク（\）などの記号をたくさん使った場合

これはブラウザによって異なるのですが、たとえば、イコール（=）やエンマーク（\）などの記号を 連続してたくさん使ってしまうと、ブラウザによっては、横幅が広がってしまうことがあります。

そのため、横線を使いたい場合は、イコールなどの記号ではなく、hr タグを使うようにしましょう。

メインコンテンツの部分に、全角空白をたくさん使った場合

これもブラウザによって異なるのですが、全角空白を連続してたくさん使ってしまうと、ブラウザによっては、横幅が広がってしまうことがあります。 （Goole クロームは広がります）

「半角空白」であれば、ブラウザは空白を認識しないのですが、「全角空白」はブラウザが認識するので、全角空白をたくさん使うことは、避けるようにしてください。


これらのことを注意することで、サイドバーが圧迫されて、サイドバーの横幅が狭くなってしまう現象は、防ぐことができます。