リセットCSSに「HTML5 Doctor CSS Reset」を使うとAdSenseの読み込み時の背景が黄色くなる件

なんか格好悪い...

なんか格好悪い…

新しいテーマの作成作業も最終段階になってGoogleAdSenseの表示テストをしてたんですが、何故かAdSenseの読み込み時の背景が黄色くなる変な現象に悩んでました。

読み込み時の背景が黄色いとなんだかとっても見た目が悪くて格好悪い。今までこんなこと無かったのにどうして黄色くなっちゃうんだろうと思って調べてみたら、犯人は予想外のヤツでした(汗)この記事ではAdSenseの読み込み時の背景が黄色くなってしまったときの対処法をご紹介します。

目次

犯人はリセットCSSだった・・・

ググってヒットしたこちらの記事によると、どうやらリセットCSSの「HTML5 Doctor CSS Reset」の中に、GoogleAdSenseのソース内で使われてるinsタグの背景色を黄色にするっていう指定がされてるみたい。

そうだ…今までリセットCSSはYahoo! (YUI 3) Reset CSSを使ってたけど、HTML5で作るときは「HTML5 Doctor CSS Reset」の方がいいって聞いたので、頑張って「HTML5 Doctor CSS Reset」を使ったんだった(;´Д`)

半信半疑で「HTML5 Doctor CSS Reset」の中身を覗いてみると・・・

[css highlight=”3″]
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
[/css]

たしかに背景が黄色くなる設定がしてありました。この記述を弄れば問題が解決できそうですね。参考にしたブログでは別途リセットCSSの下側に配置する自分で作成したCSSに、修正したモノを記述して上書きしてましたが…

滅多に「 insタグ」なんて使わない(たぶん死ぬまで使わない?)と思ったのと、メインカラムとそのほかの部分で背景色が違うので複数指定するのが面倒だったから・・・リセットCSSを直接編集しました。

[css highlight=”3″]
/* change colours to suit your needs */
ins {
/*background-color:#ff9;*/
color:#000;
text-decoration:none;
}
[/css]

こんな感じで背景色をコメントアウトしました。
この後ブログを確認してみましたが、ちゃんとAdSenseの読み込み時の背景色が無くなったので…問題解決です★

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

この記事を書いた人

MacとかiPhoneとかApple製品が好きですが、Windows、Android、Alexa、Google Nest Hubなどいろんなガジェットが好き。根っからのキャッシュレス派で、最近は資産運用(株式投資・投資信託)に力を入れてます。

コメント

コメントする

CAPTCHA


目次
閉じる