IE6′un Tekrarlayan Karakter Sorunu

Bu hata birden fazla float uygulanmış içiçe elementlerde meydana gelir. Son float uygulanmış elementin son karakterleri tekrarlar.

<div id="icerik">
<!-- icerik alani-->
    <div id="anaIcerik">
    ....
    </div><!-- anaIcerik sonu -->
    <!-- sagkolon baslangici -->
    <div id="sagKolon">
    ...
    </div>
</div>

Örnek sayfayı görmek için tıklayınız. (hatayı görmek için IE6 ile bakmalısınız.)

Float uygulanmış elementlerin ilki ve sonuncusu arasında bir çok yorum kodu(<!– bunun gibi –>) var ise bu hata meydana gelir. İlk iki yorumun hiç bir etkisi yoktur, ama iki yorumdan sonraki her bir yorum iki karakterin kopyalanmasına neden olur. yorum varsa iki karkater tekrarlayacak, dört yorum olduğunda da dört karkater ve beş yorum olunca da altı karakter tekrarlayacaktır.

şžaşılacak bir durum ancak bu hatanın geçen makalede bahsettiğimiz 3 piksel metin öteleme hatası ile ilişkisi vardır. Bu hatayı düzeltmek için sondaki float uygulanmış öğeye sağdan 3 piksel eksi değer atamalıyız veya içerik alanını 3 piksel genişletmeliyiz. Ancak bu çözüm metodlarının her ikisi de IE 7′de sorun çıkaracaktır. Bundan kurtulmak için en kolay ve sağlıklı yol bu bu yorumları kullanmamaktır.

Ancak illa yorum kullanmalıyım derseniz onun içinde çözüm:

<!--[if !IE]>Yorumunu buraya yaz <![endif]-->

şeklinde yorum satırlarınzı eklemelisiniz.

Örnek kodu görmek için tıklayınız.

Bu sorun IE7 versiyonunda giderilmiştir.

Kaynaklar

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

7 Yorum (Yorum Ekle)

  • ahmet yalçın diyor ki:

    Fatih Bey merhaba,

    Benim yorum satırım olmamasına rağmen bir tekrarlama söz konusu ve ayrıca fazlasıyla sinir bozucu. 720 piksel genişliğinde bir bir menü tabım var, ve yalnıza ie62da tekrar sorunu var diğer bütün browserlar tam istediğim gibi. Acaba bir çözüm var mıdır?

  • Bilal Okumuş diyor ki:

    Merhabalar, ben bir web sitesi yapıyorum. Anasayfayı tablo ile yaptım ancak anasayfada ardarda iki tablo var ve İe6-7 bu tablodaki elemanları tasarımın dışında yan tarafta bir yerde gösteriyor. Bu sorunun Tekrarlayan karakter sorunu ile bir alakası olabilir mi?

  • [...] alt tarafta tekrarlanır. Bu hatayı ayıklamak için ne yapabiliriz, ayrıntıları görmek için tıklayınız. (12/12/2006′da [...]

  • Ertuğrul Yıldırım diyor ki:

    Tesekkurler.. Bu bılgı oldukca ısıme yarayacak cunku bu hatayla sık sık karsılasıyordum..

  • fatih.hayrioglu diyor ki:

    not için teşekürler

    Düzeltmeyi yaptım.

  • cem yıldız diyor ki:

    Çok teşekkür ederim.

    Bu hata yüzünden ie6 için etmediğim hakaret kalmamıştı.

    sorunun sebebinin commentler olduğunu bulmayı bile denemeyip floatları kaldırarak çözmüştüm şimdiye kadar.

    *not: Yorumunu buraya yaz çalışmıyor. Yorumunu buraya yaz örnek kodda bunu göstermişsiniz ki çalışan halide bu. bilginize

    Tekrar tekrar teşekkürler. Kolay gelsin

Yorum yaz

Format: Yorum içinde kullanılabilecek HTML kodları: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

?