CSS hacking

Eskiden CSS yoktu. Eskiden AIDS de yoktu. CSS, henüz yeni oturmakta olan bir standart olduğu için, web tarayıcılarının (Firefox, IE vs) bu standarda uyumu ve geçişi zaman almaktadır. Sancılı olabilmektedir. Geçiş ve uyum sürecinde, tarayıcıların CSS'teki standartları faklı yorumlamalarından hatta kimi zaman yanlış (bug) yorumlamalardan (parsing) dolayı, CSS kullanılmış web sayfalarında, tarayıcıdan tarayıcıya bazı farklı ve sinir bozucu sorunlar çıkabilmektedir. Bu makalede, "CSS haking" tabir edilen mecburi çözüm yollarına değinilecektir.

a:hover

a:hover {

color:#000066;

border-color:#000000;

border-bottom-style:solid;

}

satırlarındaki, kenarlık biçimlendirmesi soruna neden oluyor; linkler üzerinde imleç süratli bir şekilde gezdirildiğinde, ekran titriyor. Bu biçimlendirme Firefox’ta böyle bir soruna neden olmuyor. Ben bu durumu IE bug’ı olarak değerlendiriyorum. Sorunun çözümü için, mezkûr ifadedeki kenarlık biçimlendirmelerinin kaldırılması gerekir:

a:hover {

color:#000066;

}

…ben sitede bu değişikliği yaptım ve sorun düzeldi.

letter-spacing

{

letter-spacing:1px;

}

ifadesi, sağdan-sola yazılan dillerde soruna neden oluyor; kelimeler ters dönüyor. Sanırım bu durum, tarayıcıların bir bug’ı olsa gerek. Bu sorunun çözümü için, sağdan-sola yazılan diller için ayrı bir CSS gönderilmeli tarayıcıya ve bu ifade kaldırılmalı o CSS’ten:

{

letter-spacing:none;

}