We Ain't Seen Nothin' Yet. : つくるぶ「サイトスカウター」がIEで欠けるときの対処法

つくるぶ「サイトスカウター」がIEで欠けるときの対処法

書いた人: noriaki 2007,09月08日(土) 00:00

つくるぶで提供されているサイトスカウターをGigazinizeに設置してみました．

サイトスカウターは、デベロッパーのみなさんが作成したサイトに設置することで、サイトのPV（サイトスカウターのロード回数）、サイトにアクセスしたユーザーからの評価点やコメントを得ることができるツールです。
サイトスカウターあなたのサイトを診断します -つくるぶ

サイトスカウターは，開発者が作成したサイトに設置できるFlashパーツで，開発者が選んだ2つの評価軸を持つマトリクス上に，そのサイトを利用した人が評価点を付けられるというものです．また，コメントも簡単にできるようになっているので，利用者との双方向コミュニケーションを簡単に導入できるのではないでしょうか．

しかし，設置してみたものの私の環境ではIE6での表示が以下の画像のように崩れてしまいました．

パーツの右側と下側が欠けて表示される

原因は，IEで適用されるデフォルトスタイルのobjectに対するmarginのためでした．

そこで，以下のCSSを適用することによって正常に表示されるようになりました．

#sitescouter object {
  margin: 0pt;
  padding: 0pt;
}

ちなみに，#sitescouterはサイトスカウターをwrapするdivタグのidです．適宜読み替えてください．

結果として以下の画像のように右側と下側が欠けずに表示されるようになりました．

objectタグに対するmarginをリセットすることによって正常に表示されました

できれば，つくるぶさんのほうで，生成するobjectに対してstyle属性を指定していただきたいなと思いました．しかし，こうやって開発者と利用者との間に簡単にコミュニケーションを発生させることができるツールはとても良いですね．作ったサービスにコメントやフィードバックの機能を付けるというところまでなかなか手が回らないので．