IE Overflow Bug and Workaround tadında

31-10-2003

Üzerinde çalıştığım bir projede sayfalareda tablar altında listeler kullanıyoruz, listelerde overflow kullanıyorum bu sayede yükseklik sabit çıkıyor taşma olduğunda da scroll devreye giriyor. Bu sayede masaüstü programlar gibi çalşma imkanı kolaylaşıyor.

Ancak bu listelerde 100 den fazla kayıt olduğunda listeler 100-150 pixel kadar div in üstünden aşağıda görünmeye başladı. Ne yaptıysam çözemedim ve çözümünüde bulamadım. overflow ve buglar üzerine bir araştırma yapmama rağmen benim tarifime uyan Ie6 overflow hatası bulamadım.

Denemelerim sonucu hatayı şu şekilde çözdüm altta kalan div blokuna float:left verdim bu sayede kayma olsa bile sola yaslamaya zorluyorum ve bu da sorunumuzu çözüyor.

#tabid div {float:left} şeklinde bir kullanım ile kısadan çözdüm, not : eğer tab altında main divden başka divler varsa onlarında sola yaslamaya çalışacaktır. Bu durumda #tabid .class {float:left} gibi kullanılabilir.

Recent Blog Posts

See all of the blog posts