taccuma note

リセット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」の中身を覗いてみると・・・

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

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

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

/* change colours to suit your needs */
ins {
    /*background-color:#ff9;*/
    color:#000;
    text-decoration:none;
}

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

この記事をシェアする

コメント

コメントは管理人の承認後に公開されます...

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

最近の投稿

おすすめ

タグクラウド

カテゴリー