KODSİSTEMİ

Sitemizin değişik tarayıcılarda farklı görünmesi ile ilgili 
sorunlar ve çözüm yolları

Margin Problemi ve Çözümü

Bir blok-level elemente float değeri ve margin değeri atandığında IE’da sorun yaşarız. Örneğin float:left değeri atanmış bir içerik kutusuna soldan 100px kadar ayırmak istediğinde IE’de soldan 100px olması gereken mesafe 200px görünecektir

1.kapsul1 { 
2.float: left; 3.width: 150px; 4.height: 150px; 5.margin-left: 100px; 6.}

Bu hataya yanlızca float ve margin atamalarını beraber kullandığımız blok-level elementlerde karşılaşmaktayız. Bu element’ten sonraki elementlerde bu hata görülmeyecektir. Yani bu hataya sadece ilk float-margin uygulanan blok-level element maruz kalacaktır.

Çözümü ise çok basit display:inline tanımlaması bizim sorunumuzu çözecektir.

çözüm
1.kapsul1 { 
2.float: left; 3.width: 150px; 4.height: 150px; 5.margin-left: 100px; 6.display: inline;
7.}

/////////////////////////////////////////

Genişlik yükseklik ayarları

width,height
min-height için  kısa çözüm 


#menu {   

2.min-height:500px;   

3.height:auto !important;   

4.height:500px;   

5.}  
///////////////////////////////////////////////

ie TEKRARLAYAN KARAKTER SORUNU

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

1--<div id="icerik">

2--<!– icerik alani–>

3--<div id="anaIcerik">

4--‘¦

5--</div><!– anaIcerik sonu –>

6--<!– sagkolon baslangici –>

7--<div id="sagKolon">

8--‘¦

9--</div>

t 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.

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]-->