Stack Stock Booksブログパーツ for はてな更新

なんでズレるのかと思ったら、表示させるiframeがtableで包まれてたせいでした。
じゃあ、枠を重ねる設定にすればmerginを変化させるなんて泥臭い真似しなくてもおkじゃんっつーことで直しました。
http://gmodules.com/ig/creator?synd=open&url=http://isaisstillalive.googlepages.com/igoogle_ssb_v1_2_1.xml


あとはてダ側のユーザCSSも直したのでGoogleガジェット側で縦横幅を設定する必要もなくなりました。
あとはテーマのCSSが自動的に取得できれば外見の設定なしで綺麗に見えるようになるんだけどなぁ。

Script HTML

[ユーザ名]と[スキンCSS]を適当に変更し、
「ページのフッタ」に入れてください。

<script src="http://gmodules.com/ig/ifr?url=http://isaisstillalive.googlepages.com/igoogle_ssb_v1_2_1.xml&amp;up_ssb_user_name=[ユーザ名]&amp;up_ssb_status=Unread&amp;up_ssb_sort_order=Randam&amp;up_ssb_count_limit=5&amp;up_hatena_title=Stack%20Stock%20Books&amp;up_hatena_skin_css=[スキンCSS]&amp;synd=open&amp;w=1&amp;h=1&amp;title=&amp;border=none&amp;output=js"></script>

CSS

スタイルシート」に入れてください。

table.ig_tbl_line,
table.ig_tbl_line iframe{
  border-collapse : collapse;
  width: 100%;
  height: auto;
}