2012-11-12 21 views
12

Ben bununla şaşırdım. Gördüğünüz gibi Internet Explorer 9 ile this jsfiddle görüntülediğinizde, vurgulu olarak otomatik olarak genişleyen bir div var. Hiçbir javascript gerekli! Her neyse, css'yi W3C validator ile kontrol ettim ve birkaç hata gösteriyor, ancak satıcıya özgü özelliklerden kaynaklandığını veya en azından sözdizimi hatalarını bulamadığımı söyleyebilirim. sınıf IE için çok fazla olabilir: Daha önce bu problemi olan oldu mu? Herhangi bir fikir? TeşekkürInternet Explorer 9'un büyülü genişleyen div'si

+1

IE9 'ihtiyaç -ms-taşma-x' veya' -ms-taşma-y' etmez. Bunlar, "overflow-x" ve "overflow-y" nin takma adlarıdır, bu yüzden, eğer henüz kullanılmamış sürümleri kullanıyorsanız bunları kullanmanız için bir neden yoktur (eğer yaparsanız hiçbir etkisi olmaz). – BoltClock

+0

Bu bir otomatik vs gizli taşma sorunu olduğunu düşünüyorum. Örneğin, bazı değer kombinasyonları çalışmaz. – BoltClock

+0

@BoltClock Evet, orjinal olarak sahip değildim. Ben çaresizleşmeye başladığımda bu satırları ekledim: p – JayPea

cevap

19

sadece sınıfın

div.gridViewScrollerH 
{ 
    display: inline-block; 
    width: 916px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -ms-overflow-x: auto; 
    -ms-overflow-y: hidden; 
} 
+0

Rastgele şeyleri masa kutularına çevirmek konusunda ihtiyatlı olurdum ... – BoltClock

+0

Üzgünüz. 'display: inline-block' demek istedim. Cevapları çözdüm. Thnx BoltClock – Varon

+0

Bu hile yaptı. Teşekkürler. – JayPea

2

IE9 özgü bu sorun için display: inline-block; ekleyin. Otomatik uygulamak yerine, div için kaydırma'a taşma stili yapın.

0

dk-height eklemeyi deneyin: 0% sınıfında

İlgili konular