Internet Explorer 6 sorunu: İki katına çıkan float-margin
Internet Explorer 6′da yüzme (float) stili tanımlanmış öğelere (element) atanan sağ ve sol kenar boşlukları (margin), tarayıcıdaki hata yüzünden iki katına çıkıyor.
Örnek olarak aşağıdaki biçem (style) uygulanmış ‘
‘ öğesinin sağ ve sol kenar boşlukları normal bir tarayıcıda, ayarlandığı gibi 10 piksel olarak görüntülenir. Fakat anormal bir tarayıcı olan Internet Explorer 6 bu kenar boşluklarını iki katına çıkartarak 20 piksel olarak gösterecektir.
div.kutu {
margin-left: 10px;
margin-right: 10px;
float:left;
}
Bu sorunu çözmek için float olarak ayarlanmış öğelerin hepsine “display: inline” biçemini eklemek yeterli olacaktır.
div.kutu {
margin-left: 10px;
margin-right: 10px;
float:left;
display: inline;
}
Böylelikle internet explorer 6′nın (IE6) yüzlerce hatasından(bug) birini gidermiş olduk. Bu sorunlarla teker teker uğraşmak yerine, IE6′dan kaynaklanan sorunların büyük bir çoğunluğunu çözmek için IE6 CSS Fixer aracını kullanabilirsiniz: http://www.onderhond.com/tools/ie6fixer/