IM Controlの表示が崩れる

投稿日 : 2008年2月21日 23:40

 Firefox では IM Control ボタンタイプの表示が崩れやすい傾向にあるようです(というかウィンドウタイプは未検証)。IE7・Opera・Safari (すべてWindows Vista 上)ではうまく表示されているんですけどね。どっちの解釈正しいのかはわかりません。

ひさんな状態

 この Blog でも Firefox で見ると表示が崩れてました。修正する際に気付いた点(だけ)をまとめておきます。

 ボタンタイプの IM Control は、主に div・canvas・a・img タグから構成されています。生成された HTML の各タグには、style 属性には適切なスタイルの設定がされていますが、これらのタグに対してスタイルの設定が別にされていると影響を受ける場合があります。

  • a タグに margin・padding が指定されている。
    Firefox だけ影響を受けます。0に設定しましょう。
  • div タグに text-align:left 以外が指定されている。
    Firefox だけ影響を受けます。center タグなどにより影響も受けます。
  • img タグに margin・padding が指定されている。
    全ブラウザで影響を受けます。0に設定しましょう。

 わかったのは以上です。しかし、Firefox での修正はたいへんですね。DOM Inspector は使えないようだし(あるタグが影響を受けているスタイルの設定がわからない)。IE Developer Toolbar みたいなものがあれば教えてください。

フィードバック

# re: IM Controlの表示が崩れる

2008/02/22 5:20 by Hirotow
Firebugがあるじゃないですか!!

# re: IM Controlの表示が崩れる

2008/02/22 12:53 by JZ5
コメントありがとうございます。
JavaScript用かと思っていましたが違うんですね! 次回試してみます。
コメントの入力
タイトル
名前
Url
コメント