Aslında nette konuyla ilgili az sayıda Türkçe kaynak mevcut, ancak yine fazla bilgiden zarar gelmez diyerek, burada, bir makaleden alıntı yaparak konuyu size aktarmaya çalışacağım. Konu biraz daha iyi anlaşılsın diye kendim de ufak tefek eklemeler yaptım. Dersin bitmiş halini buradan görebilirsiniz.

Konunun ilgimi çekmesinin nedeni; diğer kaynaklardan farklı olarak, hiç resim kullanılmaması… Yani eşit sütünlarımızı sadece, css kodlama ile oluşturuyoruz.

ie6′nın ilginç problemlerinden biri daha.. Bu sorun, Float uygulanmış bir elementten sonra, birden fazla yorum kodu kullandığınızda (<!–Bu bir yorumdur–>), bir sonraki float uygulanmış elementte veya bu elementlerin sonuncusunda meydana gelir. İlk iki yorumdan sonra kullanılan her yorum kodu için, son float uygulanmış elementin son iki karakteri tekrarlar.

Çok uzun bir aradan sonra, bulduğum ilk boşlukta kısa bir yazı yazayım dedim. Başlık biraz uzun oldu ama, aşağıda anlatacağım olay bundan ibaret olacak..

Geçenlerde bir proje gereği yapmak zorunda kaldığım bir durumdu bu.. Yararlı olacağını düşünüyorum.

CSS3 ile gelen yeniliklerden biri de outline-offset özelliği.. Outline ile oluşturulan çerçeve, outline-offset özelliğine verdiğimiz değer ile merkezden uzaklaşıyor veya merkeze yaklaşıyor. (Değer, negatif olursa merkeze yaklaşıyor, pozitif olursa merkezden uzaklaşıyor.)

CSS3, artık web sayfalarında kullandığımız yazılara da (text) gölge verebilme imkanı veriyor.Bunu text-shadow özelliğini kullanarak yapıyoruz. Yine bu özelliğe atadığımız değerler bir önceki dersteki kenar gölgelendirmedeki değerler ile aynı mantıkta çalışıyor.

Internet Explorer’ın hiç bir sürümünde çalışmıyor. Safari 3+, Opera 9.5, Firefox 3.1, Konqueror ve iCab tarayıcılarında, yazılan versiyonlar dahil, üstündeki versiyonlarda çalışıyor. Şimdi bir örnek yapalım.

CSS3 serimize devam ediyoruz. CSS3′teki farklılıklardan biri de kenar gölgelendirmesi verebiliyor olmamız. Yalnız, bu özellik Internet Explorer için henüz geçerli değil (ie8 dahil). Ayrıca Opera tarayıcısında da çalışmıyor (10.10 dahil). Bunların yanında Safari 3 ve Firefox 3.1 ve üzerindeki versiyonlarda çalışıyor. Pek yakında diğerleride CSS3′e uyumlu hale geleceklerdir diye tahmin ediyorum.

Yaptığımız bir web sayfasının farklı browser(tarayıcı) larda birbirinden farklı gözükmesi, webmaster’ların karşılaştığı sorunlardan biridir. Bu yazıda; Çeşitli tarayıcılarda farklı bir CSS dosyası çalıştırmak veya aynı CSS dosyasını farklı tarayıcılarda çalışabilir duruma getirmek konularından bahsedeceğim. Öncelikle tarayıcı tipi veya versiyonuna göre ayrı bir css dosyası nasıl çağırılır, ondan bahsedelim.

Bir zamanlar beni de deli etmiş olan bu sorundan, burada kısaca bahsedeceğim. Diğer Browser’larda herhangi bir sorun çıkmazken ie6 burada da sorun çıkarmakta. Bir örnek verelim ve sorunu tanımlayalım daha sonra da çok basit olan çözümü yazalım.

Internet Explorer 6 da meydana gelen margin problemini birçoğumuz biliriz. Bu konuda kaynak sayısı oldukça fazla. Yine de, fazla bilgi göz çıkarmaz anlayışıyla burada bu konudan kısaca bahsedeceğim.

Öncelikle sorun ie6 da ortaya çıkıyor. ie6′nın da 2014 yılına kadar kullanılabilecek olması webmaster’lar için, bu 8 yıllık Browser’ı gözardı etmemeleri gerçeğini ortaya çıkarıyor.

Bu konuyla ilgili pek fazla Türkçe kaynak olmadığından burada yazmak istedim. Konumuz; resim kullanmadan CSS3 ile yuvarlak köşeler oluşturmak. Yalnız bu yöntemin Internet Explorer’da çalışmadığını bilmelisiniz. ie burada da uyumluluğunu göstermiş.. Evet konuya geçelim. Şöyleki;