はてなブログのカスタマイズアドセンス広告は記事下に二つ並べて張る事が効果的だと言われていますが、いろんなサイトで紹介されている方法をそのまま使って、こういう状況になっているサイトを見かけます。ブラウザの画面を全画面で大きく表示してたり、逆にすごく小さく表示している場合には問題ありませんが、ブラウザの画面を少しずつ小さくしていくとこのようにサイドバーとアドセンス広告がかぶってしまいます。これは誤クリックの原因となるため、アドセンスの規約に違反する恐れがあるとのこと。個人的には、アドセンス広告が上に来てるし、問題がないような気もします。一応、アドセンス規約を読み返してみましたが、明示的にこれがダメと記載しているところはありませんでした。近いのはこのあたり:広告のプレースメント:・ページ内のさまざまな要素によって隠すなど、わかりにくくすること。クリックの誘導:・ページの他のコンテンツと見分けが付かないような広告のデザインやレイアウトを使用すること。・広告と見分けが付かないようなサイトのデザインやレイアウトを使用すること。(https://support.google.com/adsense/answer/48182?hl=ja)いずれにしろ、リスクを冒す必要はないので、今回はブラウザがどんなサイズになっても、サイドバーと記事下の広告が重ならないようにする方法を紹介します。(記事下に広告を二つ並べて表示する方法はこちらの記事で紹介しています。広告がサイドバーとかぶってしまうのは、広告の幅が記事のメインの幅を超えてしまっている事が原因です。ブラウザのサイズを小さくしていくとメインの幅までサイドバーが迫ってきますが、横並びの広告の方が幅が広いので、最終的にサイドバーとかぶってしまいます。