Temel olarak html-css ile uğraşan web geliştiricilerin en büyük sorunlarından biri Internet Explorer da diğer tarayıcılara (browser) göre farklı görüntülenen sitelerdir. Bunun için artık günümüzde bir çok çözüm css taktikleri mevcut. Ama genellikle bir şekilde yine de sorun çıkabiliyor. Çünkü Internet Explorer ile uğraştığımız zaman bir de uyumluluk modunda görüntüleme gerekliliği ortaya çıkıyor.
Bu anlamda yapabileceğiniz en kolay çözümlerden biri tarayıcıyı uyumluluk modunda çalışması için zorlamak olacaktır. Bunun için de meta etiklerini düzenlemeniz gerekiyor.
<meta http-equiv="X-UA-Compatible" content="IE=4"> <!-- IE5 mode --><meta http-equiv="X-UA-Compatible" content="IE=7.5" > <!-- IE7 mode --><meta http-equiv="X-UA-Compatible" content="IE=100" > <!-- IE9 mode --><meta http-equiv="X-UA-Compatible" content="IE=a" > <!-- IE5 mode -->
Farklı modlar bu şekilde düzenleniyor. "IE=edge" yazarak da en yüksek sürümün kullanılmasını sağlayabilirsiniz. Örnek dahilinde kullanım:
<html><head><!-- IE9 Standards Modu Çalıştır--><meta http-equiv="X-UA-Compatible" content="IE=9" ><title>Site Başlığı</title></head><body><p>İçerik</p></body></html>
Eğer sitenin belirli olarka Internet Explorer 7 gibi çalışmasını istiyorsanız da şu şekilde düzenleme yapabilirsiniz:
<html><head><!-- Internet Explorer 7 gibi davran--><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" ><title>Site Başlığı</title></head><body><p>İçerik</p></body></html>
Site arayüzlerini yazarken en tepeye şunu eklemeyi unutmayın. Zira en önemli uyumluluk kaynağı ve görüntüleme yardımcısı da budur, özellikle html5 gibi yeni teknolojilere açık olan geliştiriciler için.
<!doctype html>