私が会社で調べ物をしてるときとかにもよくあることなんですが、Safari(Mac)やOperaで自分のブログを見てみると。。。
タイトルにバーナーが見事にカブっていました（T0T）

このような違いがありました。





これはブラウザが使用しているフォントによるものです。
上下を見比べていただくと分かると思いますが、バーナーの位置は同じにも関わらず、私のブログのタイトルである「ゼロからはじめるアフィリエイト」の長さが違いますよね。
IEとネスケで問題なかったので油断してましたｗ

こういうことの対処方法は続きを見てください☆

原因を見つける☆
前に、フォントが違うから重なってしまうといいました。
じゃぁなんで重なってるの？

それは、バーナー画像の場所を絶対値（position: absolute;）というものを使い場所を決めていたからです。
※このposition: absolute;ってブログのCSSで結構使われているので、ブログをカスタマイズするときに思い出してもらうとよいかも？

対処方法は画像このブログのタイトルのところにいっしょに入れてあげればいいよね。

１．htmlファイルの修正
ブログタイトル（.site_title）を探し、その前にバーナーを入れる。

２．CSSファイルの修正
ブログのタイトルのとこに入れたバーナーとその下のブログの説明が重なってしまったので、
ブログ説明のとこの（.site_intro）のtop: 160px;⇒164へ変更。


これだけですｗ
これでどんなブラウザでも変な風にみえないはず(≧▽≦)b


ほかでデザインのズレが発生しやすいパターン☆
・タブ、スペースで左右の間隔を調整している場合。
・改行を使用して上下の感覚を調整している場合。

じゃぁどうやってうまく調整するの？っていうと。。。
透明、もしくは背景と同じ色の1px画像をつくります。




↑1px.gifがほしい方はこのテーブル内にありますから、ご自由にお持ち帰りくださいｗ

この画像を調整したい個所に入れ、height="xx"（縦） width="xx"（横）を調整すればOK!
※xxには半角英数の数字が入ります。

ちなみに私の右サイドにある「アフェリエイトするなら」のところはこの方法を使用しています。

何位にランキング？がんばれって応援してください☆

こんばんは！
コメントと応援ありがとうございます！
風邪をひいてたんですか！
お大事にして下さい！
季節の変わり目って怖いです。
私は最近毎日更新を目標に暴走してたら、
とうとう疲れがピークに達して、
昨日はあんな記事になってしまいました。
お恥ずかしいですｗ。
でもあれから早めに寝たので、
今日はいくらか取り戻しましたｗ。
ほどほどにがんばりますねｗ。

ではでは応援ぽちっとヾ( ´ー｀)ﾉ~

ゆっきぃさん！おはようー！
フクちゃんでっす！(^O^)／
昨日もご訪問、応援ありがとうー！
とってもうれしいです。（＾ｕ＾）
さあ、フクちゃん今日も
がんばっていきますよー！
朝〜イチ応援！全プチ！おりゃあー！(^O^)／
また来まーす！

ももんが様☆
毎日の更新ってたいへんですよねー☆

続けられてるのはすごいと思います。
私はくだらないﾈﾀならいっぱいあるんですけど、皆さんに才才−!!w(ﾟoﾟ*)wって思っていただける有益なのはぜんぜんなくて(TдT)
更新たいへんですｗ

フクちゃん様☆
いっつもありがとうございますぅ☆

コメントいただけてるので、今日もがんばる☆
ってなります。
了└|力"├(ﾟ▽ﾟ*)♪

NAME:

MAIL:

URL:

COMMENT:


PASS:

SECRET:
管理者にだけ表示を許可する

トラックバックURL
→http://affiliate4039.blog20.fc2.com/tb.php/32-def91100
この記事にトラックバックする(FC2ブログユーザー)