ie6′nın ilginç problemlerinden biri daha.. Bu sorun, Float uygulanmış bir elementten sonra, birden fazla yorum kodu kullandığınızda (<!–Bu bir yorumdur–>), bir sonraki float uygulanmış elementte veya bu elementlerin sonuncusunda meydana gelir. İlk iki yorumdan sonra kullanılan her yorum kodu için, son float uygulanmış elementin son iki karakteri tekrarlar.

Aşağıda verdiğim örneğe göre, iki tane float uygulanmış katman arasındaki yorum sayısına göre (ilk 2 den sonra 1 tane yorum satırı var), 2 karakter tekrarlama meydana gelecektir.

Html Kodu

<div id="kapsayici">
<!--Sol Kolon Başlangıcı-->
<div id="solKolon">
Sol Kolon
</div>
<!--Sol Kolon Bitişi-->
<!--Sağ Kolon Başlangıcı-->
<div id="sagKolon">
Sağ Kolon
</div>
</div>

Hatayı canlı olarak buradan görebilirsiniz (Sadece ie6′da gözükür).

Problemi anladık, peki çözüm nedir. Burada size birkaç çözümden bahsedeceğim. Siz istediğinizi kullanabilirsiniz..

Çözüm 1;
Eğer hataya sebep olan yorum kodunu (Yukarıdaki örnekte “Sağ Kolon Başlangıcı”) katmanın (div) içerisine alırsanız, sorundan kurtulursunuz.

Çözüm 2;
Hangi element bu sorunla karşılaşıyorsa negatif margin vererek sorunu çözebilirsiniz. Bizim sağ kolonumuzda sorun var ve sağ kolonumuza “float:right” verdiğimiz için marign-right değerimizi negatif olarak girdiğimizde sorun çözülüyor (Eğer “float:left” uygulanmış bir elementiniz var ise, ona da margin-left değerini negatif vermeniz gerekir) .

Not : Negatif margin verirken, padding kullandıysanız eğer, padding değerinide hesaba katarak bir margin değeri girmelisiniz. Yoksa sorun çözülmez.

Çözüm 3;
Etkilenen kolon değil, etkileyen kolona “display:inline” ekleyerek de bu problemden kurtulabilirsiniz (Önekte; sol kolona “inline” atamalısınız).

Çözüm 4;
Yorumlarınızı şu şekilde eklemelisiniz;

Html Yorum (Conditional Comment)

<!--[if !IE]>Yorum buraya geliyor.<![endif]-->

Not : Bu yazdığım yollardan 2. ve 3. yü kullanırken, Ana yapınızın bozulabileceğini unutmayın. Dolayısıyla kodları sadece ie6 nın görebileceği şekilde çalıştırmakta yarar var.

Teşekkürler..

Kaynaklar:
IE6 Ghost Text Bug (With Multiple Solutions)
IE6′un Tekrarlayan Karakter Sorunu