livedoor2007年12月28日
ファイアフォックスには注意が必要だな
IE7で見ると、なじぇか表示エラーが出ておったオヤジのブログ・・orz
殆ど原形を留めておらんかった Liquid シリーズに見切りをつけ、、スタンダード （ブラック ３カラム） に変更してみたのだが・・
メッチャ大変だったぁぁ〜！！^_^;
左の画像が、スタンダード （ブラック ３カラム） の初期状態でござる。
（現状は、、まぁ・・御覧の通り.. ^_^; ）
オヤジのPC環境は、DELLのデスクトップPCがIE6。。SONYのノートPCがIE7であるので、、その２つのブラウザで表示具合を確認している。
しかし、、最近はファイアフォックスなるブラウザを使っておられる方の御訪問も多く、ファイアフォックスも導入して確認してみたのだが・・
なっ・・なんとぉ〜！！デスクトップの表示がメチャクチャだぁぁ〜・・orz
ネットを徘徊して調べまくり、ファイアフォックスでサイドバーが落ちる原因は・・とか、、前々回お話した #container #wrapper #content 等の調整を、あ〜でもない、こ〜でもない・・と弄繰り回し、、
何とか原因が判明！！
で、、前回の記事を修正しなければならない羽目に・・m(_ _)m
殆ど原形を留めておらんかった Liquid シリーズに見切りをつけ、、スタンダード （ブラック ３カラム） に変更してみたのだが・・
メッチャ大変だったぁぁ〜！！^_^;
左の画像が、スタンダード （ブラック ３カラム） の初期状態でござる。（現状は、、まぁ・・御覧の通り.. ^_^; ）
オヤジのPC環境は、DELLのデスクトップPCがIE6。。SONYのノートPCがIE7であるので、、その２つのブラウザで表示具合を確認している。
しかし、、最近はファイアフォックスなるブラウザを使っておられる方の御訪問も多く、ファイアフォックスも導入して確認してみたのだが・・
なっ・・なんとぉ〜！！デスクトップの表示がメチャクチャだぁぁ〜・・orz
ネットを徘徊して調べまくり、ファイアフォックスでサイドバーが落ちる原因は・・とか、、前々回お話した #container #wrapper #content 等の調整を、あ〜でもない、こ〜でもない・・と弄繰り回し、、
何とか原因が判明！！
で、、前回の記事を修正しなければならない羽目に・・m(_ _)m
（以下、オヤジのブログでの改造部分です。。参考までに）
原因は・・左の画像の赤い部分、、ランキングサイトの紹介文に使った、<div> タグでした。。
（原因の追究に丸一昼夜掛かってしまった・・）
前回、、ランキングサイトの紹介記事をHTMLに記述している部分を御紹介したが、、
<div class="posted"><a h...ポストの命令文.../div>
<IfFirstArticle>
<br><br><div id=ranking><center>
<a target="_blank" href=...にほんブログ村..." /></a>
<a target="_blank" href=...人気blogランキング..." /></a>
<a href=ht target="_blan...くつろぐ..." /></a>
<a " height="15" border=...にほんブログ村 競馬ブログ.../></a>
<br>ブログランキング参加中↑をポチっと一票お願いするでござる〜 m(_ _)m
</center></div><br>
<div id="ad"><$Advertise$></div>
こんな感じでしたね。。
オヤジは、ranking と言う命令文 （ div ） で、文字の大きさや色の指定をしておるのだが （CSSに記述。。後日機会があれば御紹介します）・・
ファイアフォックスでは、、この <div id=ranking> から </div> までの間に、、
<a target="_blank" href=...にほんブログ・・
（中略）
・・="15" border=...にほんブログ村 競馬ブログ.../></a>
こんな命令文を挟んではイケナイらしい（？_？；
何故イケナイかって〜！？オヤジは知らん！！
で、、
<center>
<a target="_blank" href=...にほんブログ村・・
（中略）
・・t="_blank" href=...人気blogランキング..." /></a>
<div id=ranking>ブログランキング参加中↑をポチっと一票お願いするでござる〜 m(_ _)m
</div></center><br>
こんな感じで、文字ダケを </div> タグで挟む形に修正しました。。
（ちなみに、、今回は <div class="posted"><a h...ポストの命令文.../div> の前に記述してみた ^_^ ）
IEなら、６でも７でも表示エラーは出ないのに〜〜！！
ファイアフォックス恐るべし・・orz
この改造を施したことにより表示エラー・不利益等が発生しても、一切の責任は取れません！！全て自己責任でお願いします。。
原因は・・左の画像の赤い部分、、ランキングサイトの紹介文に使った、<div> タグでした。。（原因の追究に丸一昼夜掛かってしまった・・）
前回、、ランキングサイトの紹介記事をHTMLに記述している部分を御紹介したが、、
<div class="posted"><a h...ポストの命令文.../div>
<IfFirstArticle>
<br><br><div id=ranking><center>
<a target="_blank" href=...にほんブログ村..." /></a>
<a target="_blank" href=...人気blogランキング..." /></a>
<a href=ht target="_blan...くつろぐ..." /></a>
<a " height="15" border=...にほんブログ村 競馬ブログ.../></a>
<br>ブログランキング参加中↑をポチっと一票お願いするでござる〜 m(_ _)m
</center></div><br>
<div id="ad"><$Advertise$></div>
こんな感じでしたね。。
オヤジは、ranking と言う命令文 （ div ） で、文字の大きさや色の指定をしておるのだが （CSSに記述。。後日機会があれば御紹介します）・・
ファイアフォックスでは、、この <div id=ranking> から </div> までの間に、、
<a target="_blank" href=...にほんブログ・・
（中略）
・・="15" border=...にほんブログ村 競馬ブログ.../></a>
こんな命令文を挟んではイケナイらしい（？_？；
何故イケナイかって〜！？オヤジは知らん！！
で、、
<center>
<a target="_blank" href=...にほんブログ村・・
（中略）
・・t="_blank" href=...人気blogランキング..." /></a>
<div id=ranking>ブログランキング参加中↑をポチっと一票お願いするでござる〜 m(_ _)m
</div></center><br>
こんな感じで、文字ダケを </div> タグで挟む形に修正しました。。
（ちなみに、、今回は <div class="posted"><a h...ポストの命令文.../div> の前に記述してみた ^_^ ）
IEなら、６でも７でも表示エラーは出ないのに〜〜！！
ファイアフォックス恐るべし・・orz
この改造を施したことにより表示エラー・不利益等が発生しても、一切の責任は取れません！！全て自己責任でお願いします。。
ブログランキング参加中です。。お暇でしたらポチっと応援クリックお願いします m(_ _)m
