dorayakiBlog

~興味ある事について書いてます~

Google adsense追尾広告を中央に寄せるposition fixedの使い方

この間Googleアドセンスの自動追尾広告を作ったのだけど、

画面が広がると広告もそれに付随して拡大しないのは元々レスポンシブ広告では無いので良いとして、左端に固定したままだったのが気になったので中央に寄る様に直そうとした。

※前回のGoogleアドセンス自動追尾広告の作り方の記事

cssのposition:fixed; bottom:0;で画面下部に固定して、bottom以外をしてない為デフォルトで左側にleft:0;に固定されていて、アドセンスのコードがinline-blockでインライン要素なのでそのコードか<p>か<div>で囲ってブロック要素にしたそのコードにcssのmargin:0 auto;かtext-align:center;を指定すれば中央に寄ると思ったのだが寄らなかった。位置を固定したとはいえ、幅のあるブロック要素に入ってるから効くはずと思ったのだが。

なので、position fixedのtop left bottom rightは固定させた場所からの基準値なのだけど、試しに左右の基準値を0に固定つまりleft:0; right:0;にして左右を固定させてmargin:0 auto;をかけたら画面を拡げてもしっかりと中央に寄る様にはなった。

カテゴリ別記事一覧
・絵画技法
ポワンティエという絵画技法
ポワンティエの仕組みについて
アラプリマ技法のコツ
スカンブル技法
グレーズ(グレージング)技法
スフマート技法
グリザイユ画法
インプリマトゥーラ
ファットオーバーリーン
ウェットインウェット
スパッタリング
絵の耐用年数
絵の耐久力
絵や印刷物の保存方法
絵具のつや消し
つや消しの絵具
つや消しの原理
つや消しの絵が好まれる理由
絵を描く姿勢
絵の描き方とは
黒い物体の描き方
補色対比を利用した描き方
透視図法とは
彩色について
陰影のつき方
・水彩、アクリル絵具、他
アクリル絵具の特徴
アクリル絵具の道具
アクリル絵具を使う時に気をつけたい事
アクリル絵具の弱点
アクリル絵具を落とす方法
アクリル画に必要な道具
アクリルニスの塗り方
水彩画の絵やイラストをうまく描くコツ・方法
アルキド樹脂絵具について
・油彩
油絵を描く道具
乾燥促進剤の種類
樹脂ワニスの種類
乾性油の種類
画用液の調合の方法
揮発性油の種類
油絵を描く時の臭い
シルバーホワイトという絵具
シルバーホワイトとチタニウムホワイトを混ぜる
混色制限の無いウルトラマリンブルー
油絵具で紙に描く方法
油絵用の画用紙
紙に油絵具で描く
油絵専用画用紙アルシュオイルパッドについて
油絵の具でイラストを描く
油絵具を速く乾燥させるには
油絵の臭いを減らして描く
油彩筆の洗い方
グレーズの画用液について
スタンドオイルやベネチアテレピンについて
ブラックオイル(クサカベ)のレビュー
ストロングメディウム
高品位油絵具ヴェルネ 使用感
樹脂油絵具について
・画家
フェルメールブルー
印象派モネの技法
印象派ルノワールの技法
ハマスホイについて
「バルテュス 猫とアトリエ」を読んで
続「バルテュス 猫とアトリエ」を読んで - 技法面で気になった部分について -
・美術
画家は長生きなのか?
絵はお金のかからない趣味なのか?
画家の映画
5分で分かるざっくり西洋美術史
鉛筆の硬度Fとデッサンなどでの用途
下手も絵のうち について
心が哭くという事 芸術創作の動機
絵を描くときの眼の使い方
仕事しながらの創作について
美術館でのマナーについて
よく行く画材屋について
百均の絵具
チタニウムホワイトの特徴
ビスマスイエローの特徴
紙パレットの利点
空はなぜ青い
天然の軟毛筆について
筆の置きどころ
アートは必要ないか
アート(芸術)とは何なのか?を考える
美術の授業は必要なのか
コロナ禍の美術鑑賞
絵の飾り方
絵の行き着く場所
アナログ画材・アナログ絵具の良い点
デジタル画材の良い点
・ウェブ・IT
NTTドコモの新料金プランのahamo(アハモ)にしない理由
スマホアプリのデジタルデトックス
Twitterでサムネイル画像を真ん中に調整する方法
レスポンシブウェブサイトの作り方
スマホはサブブランドに脱出せよ
スマホゲーム(ソシャゲ)は高過ぎる
UQモバイルへの移行費用
simロック解除の方法
mnp(ナンバーポータビリティ)の方法
スマホ・携帯ショップでタブレット契約した時の何か騙され感のある話
スマホの料金が高いのでauからUQモバイルに変えた
買い切りアプリゲームについて
スマホ依存症・中毒にならない為に
photoshop for ipad を試してみた
マイナーなジャンルなブログの描き進め方
自分のサイトの表示速度を測る方法
i pad 電源がつかない時の対処法
パソコン配布27万円について
スマホ用VRゴーグル(簡易版)を買ってみた
ながらスマホについて
iphoneのメモ帳の活用
一般人はプログラミングを学習する必要があるのか?
人はAIに仕事を奪われるのか
Amazon web servide EC2 に FTP で接続できなくなってしまったので
リファラーのアクセスを制限する
Googleへのクローラ巡回のリクエストとその拒否
Google Earth Pro を試す
Google Earth Pro を試す 追補
プログラミングをはじめたきっかけ
プログラミング言語は何から始めるかについて
一般の人が最初に実用として、どのプログラミング言語を学んだほうが良いのか
Webデザインで風流な縦書きを
iPhoneの使いみち 私の場合
Java servlet をAWS Amazon EC2 にアップロードする流れ
スキューアモーフィズムとフラットデザイン
スマートフォン等のサイトデザイン
・生活
フリーランスは国民年金基金に加入した方が良い
クレジットカードで家計簿
温かい飲み物を買わない
しみ込みチョコパフについて
依存症の原因とは
生きる意味とは?について
ペットボトルは買うな
突然の訪問は少し怖い
風邪をひかない方法
サンシェードの日除けの効果
なぜ人は隅に座るか(電車や席など)
一人遊びの才能
あいさつする意味
好きな事を仕事にしたほうがいいと思う理由
クリエイターと消費税
楽に掃除する方法
持たない手ぶら生活
イノベーションはどこにある
伝記を読む意義

Name:ドラ焼き
今は油絵具でイラストを描いてます。webプログラミングもやってます。 このブログでは絵や興味ある事について書いてます。Twitterにて近作のイラストもアップしてます。アカウント:@dorayakiArt
アート作品はこちら ウェブギャラリー:dorayakiArt Gallery
👇このページの記事をシェアする