みさぱんだらけのオモチャ箱

■ 通常時のPOPBAR

PopBar（サムネイル画像の上部に表示されるテキストをONにしてみました

 

このとき、align=left(right)またはstyle="float:left(right)"と画像の周りのテキストの回りこみについてのスタイルを指定しないと、IEなどで表示が崩れていました(^^;)

 

↑style指定を消去した場合
そんなわけで、POPBARを利用するなら必ず align="left(またはright)"，style="float:left(またはright)"を指定した方がよさそうです。

■ 最初隠れていた場合のPOPBAR

ブログの方でも紹介したのですが（「PoBox」でブラウザ毎のありゃりゃ）最初非表示になっていた部分をJavaScriptを利用してクリックして表示するような状態だった場合、PopBarが何だかへんな挙動をしておりました。

↓例えばこんな表示だったり（IE）(^^;)

↓例えばこんな表示だったり（FireFox）(^^;)

そこで、今回は、ブログで「続きを読む」の部分が非表示になっていて、その非表示部分にPopBarを適用する画像が隠れている場合に変な表示は仕方ないの？解決できないの？と思いまして幾例かテストしてみました。

↓ClickMeをクリックして、画像を表示させてPOPBARの表示のされ方を見てみてください。(^-^)

ClickMe! float: の指定なしの例

 

ClickMe! float:leftを指定した例

 

ClickMe! float:rightを指定した例

最終的にはfloat:right;を指定した場合だけうまく表示されてます。(^^;)
うむむむむ。
ウチのサイトでは左側に画像をよせているのですが（特にFloatを指定してなかったため）、右ってなんだか慣れない表示です(^^;)どうしようかしら。。。。トホホ。

------
PopBox!使用バージョン 2.7a
更新日：2010/2/3 by みさぱんだ

参考になったよ～という方は拍手ボタン押していただけると嬉しいです♪