Dörtgen Dizayn - Çapraz Tarayıcı Uyumluluğu

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.En çok kullanılan tarayıcı sürümleri olan Firefox 2+, Safari 3+ ve Internet Explorer 6+'ya odaklanırız. Her ne kadar Internet Explorer'ı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ı dahi bilmemektedir. Eğer bu IE hatalarını biliyorsanız, tarayıcı üzerinde test yapmadan bile sitenizin doğru görünüp görünmediğini anlayabilirsiniz.

Yapılan tasarımda kullanılan kodlar her tarayıcı tarafından farklı yorumlanabilir. Bu nedenle taryıcıdan tarayıcıya farklı görünümler doğurabilir, boşluklar, font seçimleri, pozisyonlama gibi bir çok konuda ortak dili kullanmak gerekir. Elbetteki yapılan bir tasarım %100 her ekranda aynı gözükmeyecektir ancak bu oranı yüksek tutmak mümkün. Çapraz tarayıcı uyumluluğunu etkileyen en önemli faktörlerden biri de farklı işletim sistemlerinin kullanılmasıdır.

Peki Çapraz Tarayıcı Uyumluluğunu Nasıl Sağlarız?

• Daima STRICT DOCTYPE ve standartlarla uyumlu HTML/CSS ile kodlarız.
• CSS lerin en başında daima sıfırlama (CSS RESET) kullanırız.
• Firefox'ta metin işleme sorunlarını gidermek için -moz-opacity:0.99, Safari'de ise text-shadow: #000 0 0 0 kullanırız.
• Görselleri asla CSS ya da HTML ile yeniden boyutlandırmayız.
• Her tarayıcıda metinlerin nasıl işlendiğini test ederiz, tek tek inceleriz.
• BODY üzerinde metni % ile boyutlandırıp sitenin geri kalanında em kullanarak metin boyutlarını optimize ederiz.

Tabii ki çapraz tarayıcı uyumluluğu yukarıdaki maddelerden ibaret değil, yapılacak liste uzun ancak biz yapmaya hazırız.

web tasarım, çapraz tarayıcı uyumluluğu, pure css, css, html, mozilla, opera, safari, internet explorer