2013-05-30 16 views
5

element.outerWidth kullanarak bir öğenin genişliğini elde etmeye çalışıyorum. Chrome'u kullandığımda doğru bir değer döndürüyor, ancak firefox'a geçerken çok daha düşük bir değere sahibim. Firefox bu elementi kromdan farklı bir şekilde nasıl okur?dış genişlik ve genişlik, firefox'taki yanlış değeri döndürür.

Element:

<div class="submit_container"> 
    <input type="submit" value="Something" /> 
</div> 

Krom: 88px
Firefox: 36px

Ben firefox kullanarak öğeyi denetle zaman krom gibi aynı görüntüler. (88px)

+0

farkını göreceksiniz http://stackoverflow.com/questions/15023088/wrong-width-calculation-using-outerwidth-in-google-chrome-onload – PSR

+0

css externalWidth kullanmadan önce çok uzun süre yükledim ancak externalWidth kontrol etmeden önce submit_container'ı ekliyorum. – hgerdin

+0

Neden olduğunu anlayamıyorum ama açıkça bir fark var. Öğeyi seçtikten sonra Metrikler sekmesine bakın. Eğer Firefox'taki Layout'a giderseniz farklı bir şey gösterir ama aynı şeyi göstermelidir. – Alex

cevap

2

jQuery genişliğini kullanmayı denediniz mi?

$(element).width(); 

Hafif bir farkı var ama sanırım tarayıcılar arası bir sorun.

DÜZENLEME:

I line-spacing genişliği farkını neden biri olduğunu düşünüyorum. Firefox'ta kaldırmayı deneyin ve

+0

Evet, jQuery genişliği ile aynı sorunu yaşıyorum. – hgerdin

+0

bunun bir parçasını gönderebilir misin? –

+0

Ofc. Burada bir joker var, ama burada sadece aralarında küçük bir fark var. http://jsfiddle.net/LTbZz/4/ – hgerdin