フルみっく伝染歌プレーヤー

初音ミクブログパーツ【フルみっく伝染歌プレーヤー】をはてなでも - Re:moto はてな支店

はてなダイアリーに貼るための Google ガジェットがあったのでサイドバーに貼ろうとしたが，ガジェットの横幅がサイドバーを超過してしまい表示が乱れるため断念．原因は分からなかったが，この現象は IE の TABLE レンダリングのバグのような気がする．

現象

Google ガジェットの実際の横幅によらず，最低 192 ピクセル分の横幅を必ず占有してしまう (IE で見るとガジェットの右端に余白が出来ていることが分かるはず)．せっかく横幅 180 ピクセルと 150 ピクセルのガジェットが用意されているのに意味なし．

発生状況

  • IE7 で発生した．Gecko エンジンでは発生しなかった．
  • はてなダイアリーのデザイン設定の「テーマ」 (CSS) の種類によって発生したり発生しなかったりする．

例えば，テーマ Hatena2 では横幅は正常だが，テーマ chiffon_pink だと横幅がおかしくなる．
現象の直接の原因となっている CSS の宣言までは特定できなかった．

  • タイトル "Full MIKU PLAYER" が表示されている <tr> ブロックを削ると，発生しなくなる．
  • "Gadgets powered by Google" の文字列末尾の "e" を取り除くと，発生しなくなる．

　←下 2 つの発生状況から見ても，微妙な計算のずれで現象が発生していると考えられる．

追記 1/9

テーマを変えたので今はまともに表示されている．