Internet Explorer’la çalışmak her seviyeden web tasarımcısı için bazen sorun olabilir. Ancak bu sorun olmak zorunda olacağı anlamına gelmiyor. Hepsi olmasa da pek çok Internet Explorer hatası, hatanın nasıl oluştuğunu anladıktan sonra kolayca düzeltilebilir. Bu yazımda özellikle giriş seviyesindeki kullanıcılar için çapraz tarayıcı uyumluluğunu sağlayabilmeleri için önemli problemleri ve çözümlerini listeledim.
Yazımda en çok kullanılan tarayıcı sürümleri olan Firefox 2+, Safari 3+ ve Internet Explorer 6+’ya odaklandım. Her ne kadar IE6’nın kullanım oranı gün geçtikçe düşüş gösteriyor olsa da, bu onu desteklememeniz gerektiği anlamına gelmez, zira halen pek çok kullanıcı hangi tarayıcı sürümünü kullandığını bilmemektedir. Eğer bu IE6 hatalarını biliyorsanız, tarayıcı üzerinde test yapmadan bile sitenizin doğru görünüp görünmediğini anlayabilirsiniz. Bu makale süper deneyimli web tasarımcılarına yönelik olmamakla birlikte IE6’nın çapraz tarayıcı uyumluluğuna yönelik gizlerini anlamanıza yardımcı olacaktır.
Özet
Makalenin tamamını okumak istemeyenleriniz için aşağıda makalenin bir özetini bulabilirsiniz.
- Daima STRICT DOCTYPE ve standartlarla uyumlu HTML/CSS kullanın
- CSS’nizin en başında daima sıfırlama (CSS RESET) kullanın.
- Firefox’ta metin işleme sorunlarını gidermek için -moz-opacity:0.99, Safari’de ise text-shadow: #000 0 0 0 kullanın.
- Görselleri asla CSS ya da HTML ile yeniden boyutlandırmayın.
- Her tarayıcıda metinlerin nasıl işlendiğini test edin. Lucida kullanmayın.
- BODY üzerinde metni % ile boyutlandırıp sitenin geri kalanında em kullanarak metin boyutlandırması yapın.
- Üzerine float uygulanmış tüm anahat divleri display: inline ve overwlow: hidden içermeli.
- CSS3 seçicilerini kullanmayın.
- Alpha’yı yüklemediyseniz saydam PNG kullanmayın.