アフィリエイトは儲かんないってば

徐々にシェアを伸ばしつつあるらしいＦｉｒｅＦｏｘ。
メールマガジンの読者の方、またサイトの読者の方からも、
「ＦｉｒｅＦｏｘで、表示崩れがある」とのご指摘をいただき、早速導入してみました・・・。

マイバブルタイプさまの、これはいい！Firefox〜導入編を参考にさせていただきました。

機能面などの記事も書いていらっしゃるので、私も落ち着いたら他の記事を参考にさせていただいて、機能をいじってみたいなあと思ってます。



ＦｉｒｅＦｏｘのインストールは驚くほど簡単です。

http://www.mozilla-japan.org/products/firefox/

リンク先の「無料ダウンロード」という文字をクリックしますと、ＡＤＳＬだったら、あっという間にダウンロードできます。
最初、どこをクリックしてダウンロードしていいのか、わかりませんでしたが（笑）。


ダウンロードファイルをダブルクリックして、難なくインストール。

しかもウィンドウズのインターネットエクスプローラーから、ブックマークなどほとんどの情報をインポートできますので、非常に移行も楽です。


ただブックマークの順番がばらばらだったのが、ちょっぴり残念なくらいで。



で、今回の問題である表示崩れを早速チェック。


「アフィリエイトは儲かんないってば」の場合、ヘッダー部分の文字が多すぎて、コンテンツと重なってしまっていました。

これは私が
「ｂｌｏｇの設定」で、「説明」の欄に無理やり、いっぱい文字を詰め込みすぎたのと、
でかいバナーをつくって一番上に貼ったのが原因のようでした。


また、デフォルトのＣＳＳで、font-size:xx-small;などと指定されていることにより、
インターネットエクスプローラーでは良い感じなのですが、
ＦｉｒｅＦｏｘになると、文字が小さいこと、このうえないです。


このままでは、「あなたのブラウザーは？」と聞かれたら、

ＦｉｒｅＦｏｘと虫眼鏡です。と答えなくてはなりません。


そういうわけで、また「涙のＣＳＳ、ＨＴＭＬいじり」がはじまりました。




ライブドアブログは、ＣＳＳをいじった際、プレビューがないのがつらいです。

いちいち再構築して、「はい、思いっきり崩れてますね」と確認して、またいじりなおしです。

この間、崩れた表示のサイトはみなさまにさらされており、非常に心苦しく、しかもひどい表示の際には、あせります。

表示が崩れた原因がわからないときはパニックになり、もう涙目です。


この作業の過程をリアルタイムでじっくり見られると、かなり恥ずかしいものがあります。

とにかく、プレビュー機能をつけて下さったら、うれしい限りです。




そういう感じで、手動でいちいち再構築して、確認しながら、作業をやりました。

最初は、文字の重なりを何とかすることにしました。


重なっているコンテンツをｍａｒｇｉｎで下におろそうかとしてましたが、インターネットエクスプローラーで下がりすぎになります。

あちらを立てればこちらが立たない状態なので、
しょうがなく、「説明」の欄に無理やりいれていた、詰め込みすぎの文字を
ＨＴＭＬで、メインページ、個別ページに入れました。

「説明」の欄が使えると、
いちいちメインページと個別ページのＨＴＭＬを書き換えなくて良いので楽なんですが、仕方ないのであきらめました。


これで、文字の重なりは、なんとか落ち着きました。



続いてフォントの大きさ。
これもfont-size:xx-small;などをsmallとか、normalに書き換えるだけでは、やはりあちらを立てればこちらが立たず状態。


しょうがないので、font-size:12px;とかのピクセル指定にしてみました。


すると、なんとかＦｉｒｅＦｏｘでも虫眼鏡無しで閲覧可能になりました。

こうすることで、思わぬ弊害がまた私の知らないところで起こるかもしれませんが、現状では見た目はなんとか許容範囲なので、そっとしておくことに。


比較的、涙がこぼれおちる前に対応終了。一件落着。



あれ、そういえば他のサイトは・・・？


まずＳｅｅｓａａブログ。
ＣＳＳをいじっていないブログは問題なし。
ＣＳＳをいじったブログはサイドバーが落ちたりしてるので、あとで直すことにしました。


Ｍｏｖａｂｌｅ Ｔｙｐｅは・・・？

おおもね問題ないようです。

と、ここで、もうひとつサイトを巡ってみると･･･


「ブログ･アフィリエイト」は、リンク以外、文字が全く表示されてない！！


な、なぜだあ〜


しかも、ＦｉｒｅＦｏｘとの相性かと思って、慌てふためいていたら、インターネットエクスプローラーでも真っ白。


結局、白のバックグラウンドに、白の文字になっていたことが判明。


一体いつから真っ白だったんだろう。しばし頭の中も真っ白になりました。



ＦｉｒｅＦｏｘは良い感じのソフトでしたが、私のマヌケさで大騒動の導入となってしまいました。


またＦｉｒｅＦｏｘの使った感想など、お届けできればと思います。


つかれた・・・（笑）





この記事へのコメント

ROJI 2005年02月25日 12:41

こんにちは。 この前はクルクル回る、お茶目なブログランキングロゴを 提供して頂き、ありがとうございました。 早速ブログに貼って、押してくれるかと期待しましたが、 ＿｜＼○＿　2日間しか効果がありませんでした・・・・ でも、気に入っているので使わさせて頂きます。 色々お手数おかけしたので、お返ししなければと思い、 情報提供をさせて頂くことにしました。 昨日まで、2ヶ月間株式のブログを運営しておりました。 もちろん毎日記事を書きました。 でもやはり、アクセスが伸びないんですよ。 考えると「アフィリエイトは儲かんないってば」などの マニュアル系ブログの場合、情報が蓄積されていきます。 つまり情報が劣化しにくいんですよ。 「悪魔（アクセスアップ）に魂を売ったブログ」なんて 見て頂ければ分かるのですが、2ヶ月近く更新しなくても、 ブログランキングをほぼ維持しているんですよね。 株式ブログの場合、相場は常に動くので、過去の記事って 相当な分析力のある記事を書いていかないと情報が蓄積されないんです。 (私のブログはお笑い系なんですが(笑い)） 確かに相場が常に動くので、毎日見てくれるという利点もあるのですが・・・・ これでは、続けてもあまり意味がないのではと思い、 ブログ同士を合併することにしました。 はたして、合併はアクセスアップに通じるのか？ 相手の方が楽天ブログを使用していたので、 正確な分析はできないんですが、 今後報告させて頂ければと思いコメントさせて頂きました。 よろしくお願いします。

afiliate 2005年02月25日 12:53

どおも〜ＲＯＪＩさま。 すみません〜２日間だけでこうか終わっちゃって（＾O＾）/。 バナーってやはり結構飽きられちゃうので、毎日新しいのを作る、くらいでないと難しいかもしれません。また新作できたら貼っときますので、ご自由にお使いくださいね〜。 なるほど、言われてみてわかりました。株とアフィリエイトでは情報劣化のスピードが確かに違いますね。株は時に分単位で情報が劣化しますもんね。 株のサイトもノウハウ系だったら、良いのかもしれませんね。 合併ですか、それもまた面白い試みですね。 見守りたいと思います〜。がんばられてください〜。

toshi 2005年02月25日 13:05

お久し振りです。 最近は公私の公の方がいそがしくて、アフィリエイトやブログを狂ったように更新できず、ランキングも売上げも急下降中です＾＾ ついでにモチベーションも下降して、「我が魂…」さんとは理由が違いますが更新終了してしまおうか…というのはウソです。 Firefoxですが、ＲＳＳリーダーの機能がついていたりと機能的には問題ないですが、ＣＳＳがこちらの意図通り働かないようですね。 「ブログ・アフィエイト」の方、見させてもらったのですが、これは文字コードが関連しているようなんです。同じような体験をしました。私の場合、一部のＣＳＳだけが効いていないというオシャレなことになってしまいました。 要因を探っていくうちにサイトの文字コードがUTF-8の場合だけ同様の現象が出ているようです。 当初はIE6.0でも同様の現象が出ていたのですが、そこはソースの一番上（詳細説明は省略します）に<?xml version="1.0" encoding="utf-8"?>を追加することで回避できましたが、Firefoxの方はダメでした。まだいろいろと検証中です…。 でも、個人的なブログはUTF-8を使ってないので、いつ解決策がわかるかは…？？ですけど。。

afiliate 2005年02月25日 13:43

ｔｏｓｈｉさま、コメントありがとうございます。お久しぶりです。 ｔｏｓｈｉさま〜、びっくりしました、やめちゃうなんて。脅かさないで下さいよ〜（笑）。 「ブログ☆アフィリエイトは我が魂に及び」さまが終わっただけでも十分ショックです。 マイバブルタイプさままで終わったら、本当に悲しいですよ。公の方がお忙しいとのことですが、無理をせずにがんばられてください〜。 「ブログ･アフィリエイト」は、おっしゃるように部分部分が、ＣＳＳが効いてないです。 ＭＴのデフォルトのＣＳＳを書き換えて使ってるんですが、 <meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" /> 一度、これを「ＥＵＣ−ＪＰ」に変えたら、全く画面が表示がされなくなったのであわてて元に戻したんです。 なんとか読めるので、このまま行こうかな、と思ってるんですが・・・ ｔｏｓｈｉさまがてこずられる問題では、完全にお手上げです。また何かわかられましら、記事とかで教えてください。いつもチェックしてますので〜。 無理せず続けてください〜。お願いですよ〜（＾O＾）/。

toshi 2005年02月25日 15:49

>一度、これを「ＥＵＣ−ＪＰ」に変えたら、全く画面が表示がされなくなったのであわてて元に戻したんです。 そうなんです。 ＭＴのやっかいな点なんですが、インストールの時点でMT.cfgの「PublishCharset」で文字コードを指定したと思うのですが、それを後から変更したくてもそうすんなりといかないんです。 ブログを立てる前ならMT.cfgを変更してアップすればいいのですが、ある程度ブログや記事が存在していたら全てのページにその変更を反映させるには、かなりやっかいな手順を踏む必要があったように思います。どこかでそんな記事を見ました。 ご参考までに。

afiliate 2005年02月25日 15:59

どおもです、ｔｏｓｈｉさま。 ご丁寧にお教えいただきありがとうございます。 ＞MT.cfgの「PublishCharset」で文字コードを指定 覚えていません（笑）。なるほど、こういう風に指定するんですね。今度はEUC-JPでやってみようかな。 後から変えるのはとてもできそうにないです。 貴重な情報ありがとうございました〜

hammer 2005年02月25日 23:14

こんばんわ。 私もFirefox対応に苦労しています＾＾；トラックバックさせていただきました。何とかIEとFirefoxの両対応、実現したいものです。

モアロマ♪ 2005年02月25日 23:19

afiliateさ〜ん♪afiliateさ〜ん♪ こんばんは(^o^)／ ＭＴに溺れて溺死しそうなモアロマ♪です。 TOPと個別ページはなんとって感じなのですが、カテゴリー 、過去記事のページでもう、頭が割れそうで、知恵熱状態です。 こちらでブログの幅はｐｘだと解像度が・・・とうコメントを読んで、全体の幅は100％にして、 右サイドバーは、 position:absolute; left:71%; width:28%; と指定。 これだと、サイドバーが記事下の落ち込まないです。と言って、これが本当に正しいのかは疑問ですが。一応今のところ落ちないです。 ＦｉｒｅＦｏｘ＝もじらは・・・青天の霹靂です（ーー； 私もダウンロードして、おっかなびっくり自作サイト・ブログをみると・・・＼(◎o◎)／ はぁ〜、こうして、今夜もブログカスタマイズの夜は更けていくのですね。 お邪魔しました。 ま(´･ｪ･｀)た(´･ｪ:;.:...ね(´･:;....::;.:.ぇ ::

afiliate 2005年02月26日 10:33

ｈａｍｍｅｒさま。どおも〜。 ＦｉｒｅＦｏｘの対応、苦労しますね。 もうブラウザが出てこないことを祈ってます（笑）。 コメント、トラバどおもでした。またどおぞー。

ａｆｉｌｉａｔｅ 2005年02月26日 10:44

モアロマ♪さま。どおも〜。 ＞TOPと個別ページはなんとって感じなのですが、カテゴリー 、過去記事のページでもう、頭が割れそうで、知恵熱状態です。 これ、全く私もその通りです。 いまだにＭＴのサイトでこれを作ったことないです。 個別ページと、トップからへのリンクだけでごまかしてます（爆）。 コメントとかも良くわかんなくて受付きれないでいるんです〜。もっと学ばなきゃ〜。 サイドバーのつけ方、floatか、おっしゃるようにpositionを使うか、みたいですね。 いろんなブラウザとか解像度で見てみて、違和感がないようにしたいとは思いますが、まだそこまで到達してません〜。 置いていかないで〜（笑） そうやって夜は更けていきます（笑）。 そして朝も早かったりします（笑）。 ＞ま(´･ｪ･｀)た(´･ｪ:;.:...ね(´･:;....::;.:.ぇ :: ↑わらいました。 またどおぞ〜

きしめん 2005年02月28日 18:47

おそレスです。 FireFoxはすばらしいブラウザですよね＾＾それでも私はIEが手放せない（IEだとほとんどのページが見れるから）です。 私のブログではFirefoxとIEとでの表示の差をなくすように作られているので参考程度に見てもらってはどうですか？ フォントのサイズの違いはIEのバグだと思っています 注意して使わなければいけないスタイルは border padding font-size float あたりだと思います（体験的に） アフィリエイトさんの記事はおもしろいので（おちゃめで）これからも頑張ってくださいね＾＾

ａｆｉｌｉａｔｅ 2005年03月01日 12:00

どおもです〜きしめんさま。コメントありがとうございます。 ＦｉｒｅＦｏｘ、私ももっぱら、表示崩れ確認用に使っています（笑）。 気をつけるべきＣＳＳ、お教えいただきありがとうございます。確かにｂｏｒｄｅｒとかも全く表示されないサイトも多いですね。放置してますが（笑）。 しかし、きしめんさまのサイトかっこいいですね。ＩＥで見てもＦｉｒｅＦｏｘで見ても全然変わらない見栄えですし。学ぶべきところが多い〜。これからも期待して見させていただきます。 お褒めいただき光栄です。 これからも役に立つ情報より、むしろお茶目なところに重点を置いた記事が続くかもしれませんが、よろしくお願いいいたします（笑）。

この記事へのトラックバック

1. Firefoxへの対応  [ ブログをとことん調べます。 ]   2005年02月25日 23:11

さっき始めて気付きました。私のブログ、Firefoxではうまく表示されません。

• 
• 
•