CSS üzerine birkaç not daha… En önemli sorunlardan biri Internet Explorer’ın CSS standartlarına uyumlu olmaması. Bunu çözmek için evvela html sayfanın en başına document type yerleştirmeniz gerekiyor. Ama bu yetmiyor.

Uzun geceler süren çalışmalarım sonucu Internet Explorer 6′nın bile bu konuda terbiye edilebildiğini gördüm. Anahtar nokta ise varsayılan margin ve padding leri sıfırlarmak. Browserlar web standartlarını destekleseler bile ortaya çıkan farklılıklar var. Kullandığınız tag’lerin farklı browserlara göre varsayılan margin ve paddingleri farklı. Bu nedenle Internet Explorer gerçekte float değeri verdiğiniz divleri doğru gösterebilecekken içinde bulunan liste taglerinin margin ve padding farkları nedeniyle sorun yaratabilir.

Bunun çözümlerinden biri baştan bütün marjinleri, paddingleri sıfırlamak;

* {
margin: 0;
padding: 0;
}

Bunu CSS dosyasının başına ekleyerek ortamınızı resetleyebilirsiniz. Ancak bununla şöyle bir sorun doğuyor. Kullandığınız her elementin tek tek margin ve padding değerlerini belirlemek zorundasınız. Diyelim ki karman çorman bir listemiz var ve sırasıyla içiçe ul, li, ol, li, ul, li kullanıyoruz. Bu durumda sadece ul için ya da sadece li için değer vermeniz yetmiyor. ul li ol li ul li ye kadar margin ve padding değerlerini belirlemelisiniz. Yoksa ilk değer verdiğiniz elementten sonrası dümdüz olur.

CSS ile yaptığınız tasarımın her browser da aynı görünmesini sağlamak ve farklara alışmak bakımından bu yöntem sert ama iyi bir yöntem.

h1, h2, … gibi başlık belirten etiketler; p, div gibi blok belirten elementlerin de tasarımınızda her tarayıcıda uyumlu çıkması için alt ve üst margin ve paddingleri de elle vermelisiniz. Internet Explorer bu konuda yine sapıtıyor sonra oturup düşünüyorsunuz standart dışı browser işte ne olacak diye.

CSS’ye yeni başlayanlar bu yazıdan faydalanamayabilirler ama biraz derine inip yolunu kaybedermiş gibi hissedenlere iyi birkaç ipucu oldu sanırım.

Benzer yazılar:

• Internet Explorer 7′nin Getireceği Tasarım Masrafları
• Caddenin Başındaki Pahalı Restoran Internet Explorer
• Firefox: Yeni Nesil, Yeni Seçim
• Google Browser Yapsın

Rastgele yazılar:

• Önümüz seçim, sırası mı şimdi Kuzey Irak’a operasyon yapmanın?
• Buda ve Sartre’ın ortak yönü
• Osman ve mimler
• Blog Furyası: Blog Yazarlığı Üzerine