IE6′un Tekrarlayan Karakter Sorunu

Aralık 12th, 2006 • 2327 yorumhttp://www.fatihhayrioglu.com/ie6un-tekrarlayan-karakter-sorunu/IE6%27un+Tekrarlayan+Karakter+Sorunu2006-12-12+13%3A50%3A33fatih.hayrioglu ASP.NET, Ajax, CSS, Javascript, Web Standartları, XHTML
Etiketler: comment, CSS, fix, tekralayan-karakter, Web Standartları, XHTML, yorum

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.

Kaynaklar

• http://www.positioniseverything.net/explorer/dup-characters.html
• http://www.friendsofed.com/

CSS ile Kutu modeli, sorunları ve çözümleri

Nisan 26th, 2006 • 1352 yorumhttp://www.fatihhayrioglu.com/kutu-modeli-sorunlari-ve-cozumleri/CSS+ile+Kutu+modeli%2C+sorunlar%C4%B1+ve+%C3%A7%C3%B6z%C3%BCmleri2006-04-25+21%3A37%3A01fatih.hayrioglu CSS, Web Standartları, XHTML
Etiketler: Border, Box-Model, CSS, düzeltme, fix, kenar-çizgisi, kenar-dış-boşluğu, kenar-iç-boşluğu, Kutu-Modeli, Margin, Padding, Web Standartları, XHTML

CSS’e geçişte en çok düşündüren konu niye CSS geçelim ve CSS’in avantajları nelerdir? CSS’in avantajı bize web sayfasındaki elemanlara daha fazla müdahele etme imkanı vermesidir. Burada bunun en güzel örneklerinden birini göreceğiz.

CSS tüm HTML elementlerini bir dikdörtgen kutu içine konmuş varsayarak ona göre pozisyonları ve boyutlarını konrol eder. Bu elementler her zaman bir padding, margin, border ve içerik alanını içerir. Okumaya devam edin »