2011-12-15 8 views
0

私のプロジェクトで修正を加えると、今日問題が発生しました。IE 7のh2 outerWidthがIE 8より短くなっています

IE7のh2のouterWidthがIE8(FF、Chromeなど)よりも短いことがわかりました。

var h2width = $('.test h2').outerWidth(true) 

h2widthはIE8で135pxとIE7で78pxです:

は、ここに私のコードです。

あなたはそのためのアイデアはありますか?

ありがとうございます!

編集:

この問題を防ぐために、私はdifferenciateブラウザ用のコードを追加しています。

if ($.browser.msie && $.browser.version.substr(0, 1) <= 7) { 
var h2width = $('.test h2').outerWidth(true) + 57; 
} else { 
var h2width = $('.test h2').outerWidth(true); 
} 
+0

あなたはどのDOCTYPEを使用していますか?それはすべてのブラウザで同じですか、あるいはデフォルトのDOCTYPEを使用していますか?それはIE7の動作が異なる理由を説明します。 – Stefan

答えて

0

ブラウザはHTMLを別の方法でレンダリングするので、これは奇妙なことではありません。 Firebugまたはその他の開発ツールを使用して、h2タグの実際のサイズを表示します。彼らはおそらく異なっているでしょう。

セレクタ$('.test h2')は、一致する要素のコレクションを返します。

+1

はい、私の場合には1つのh2しか存在しません –

+0

まだセレクタが配列を返すので、 '$( '。test h2')。first()'または '$( '。test h2')[0 ] 'を使用して最初に一致した要素にアクセスします。 – Stefan

+0

私はh2を指定します。ありがとうございます。 –

関連する問題