Internet Explorer 6 tarayıcıda projeme baktığımda aşağıdaki gibi bir yapımda .Tbl class’ına sahip div elementinin üst kısmında ekstradan fazla yaklaşık 100px’lik bir boşluk oluştuğunu gördüm.
<div id="Container"> <div class="Bas">Başlığım</div> <div class="Tbl"> <table width="100%">...</table> </div> </div>
Google üzerindeki aramalarım sonucunda bytes.com adresindeki “extra whitespace padding in DIV tag” başlıklı forum konusunda çözümü buldum.
Stil tanımlamalarıma .Tbl class’ına sahip div‘im için şu stili tanımladığımda sorun düzeldi.
.Tbl{
height:100%;
}
Maalesef web uygulamalarını kullacak müşterilerimizin önemli bir kısmı(%15-20) IE6 kullandığı için bu kontrolleri yapmak zorundayız. Herkese iyi çalışmalar.
Biz web tasarımcılar ve yazılımcılar için yapılan projenin çeşitli tarayıcılarda ve özellikle Internet Explorer’in kendinden bağımsız ve hepsi farklı çıktı verebilen çeşitli sürümlerinde denemek gerekiyor. Çünkü Analytics ve diğer analiz verilerine bakıldığında azımsanmayacak sayıda kişi XP sistemi altında IE6’sı ile sörf yapıyor.
