CSS float borderが消える

amazonアソシエイトの貼り付けに使ってたツールを変えてみました。

これまで使ってたのは、

Amazonリンクタグを簡単作成:Ama-Z

特徴は画像にエフェクトをかけれること。

例えば、


こうやって影をつけたりとか、


回転させたりとか


ぼかしを入れたりとか。。。

ただ、タグを取得する場合に自動でテキストを挿入できないので若干面倒。あとamazonへのリンクだということもこちらで書かないとダメ。

個人的に影を付けることができるので気に入って使ってたんだけど、さすがに面倒くさがりぃのほうが勝ってしまいました。

で、今回

amazletツール

というのに変えてみました。



こんな感じでamazonレビューを入れれたり、レビューなしも選べたり。画像のみやテキストのみも可能。



ただ、どうもデザイン的に気に入らないので、上のように周りにラインを入れることに。


そしたら、今回のタグにfloatが含まれているのが原因みたいなんだけど、IEで表示するとスクロールによって縦のラインが消えてしまう。ほんとIEいらない。。。

で、ちょこっと調べたらcssにwidth:○○%を入れれば回避できるようなことがあったので、width:97%;に設定。はじめ99%にしたら、こんどはfirefoxが崩れたので97に。


いや～～～まじでIEいらない。。。。