CSS ve tarayıcılar…

Son bir kaç gündür Css olayına merak saldım ve dibine kadar girmeye başladım. Bununla birikte daha önce neden Css ten uzak durduğum konusunda kendime yönelttiğim sorunun da cevabı yok :) .

Neyse Css ile köşeli kenarlıklar yaparım diye araştırma yaptığımda şöyle bir şey ile karşılaştım, tarayıcı motorları arasında farklılıklar mevcut. Opera ve explorer 8 henüz desteklemiyor, Firefox ile tüm webkit alt yapısı kullanan tarayıcılar (midori, safari, chrome) bu özelliği destekliyor.

Gerekli kod ise şu şekilde

Firefox için:

-moz-border-radius: 1px;

Webkit kullanan tarayıcılar için:

-webkit-border-radius: 1px;

http://www.css3.info/preview/rounded-border/

This entry was posted in Pardus, archlinux, css, linuxgezegen and tagged , . Bookmark the permalink.

4 Responses to CSS ve tarayıcılar…

  1. Başka bir yöntem daha var aslında. Tarayıcı bağımsız bir yöntem olmasına rağmen kullanırken içim çok rahat etmiyor.

    Köşeli yapmak istediğiniz kolonu 3 parçaya ayırıyorsunuz. Sol kenar, Sağ kenar ve orta kısım. Kenarların Üst ve Alt noktalarına yuvarlak köşe resimlerini arkaplan resmi olarak koyuyorsunuz, orta kısım düz gidiyor. Örnek için şuradan* bir site hazırlayıp kodlarını inceleyebilirsiniz.

    * http://www.web20generator.com/

  2. Özgür Kuru says:

    @Ahmet Eren BAŞAK
    bu yöntemi zaten bilmeyen var mıdır bilmiyorum :) . Ama bu söylediğiniz şeyi çok basit html kodları ile de yapabiliyorsunuz (tabi css ile htmlin farkı bu değil). Fakat Css teknolojinin kazandırdığı güzel şeylerin tüm tarayıcılarla uyumlu olması daha hoş :) . Sizinde söylediğiniz gibi bu yöntem pek rahat ettiğim bi yöntem değil :)

  3. Alper KANAT says:

    Özgür Selam,

    Tarayıcılara özel çözümlere çözüm olarak bakmak nedense bir çok kişinin ortak hatası.. Ben yaptığım bir çok sitede CSS’i W3C standartlarına uyacak şekilde kullanmaya ve IE ya da bir başka tarayıcı için özel çözüm geliştirmemeye özen gösteriyorum.

    Bu tarz kötü çözümler yerine CSS3 çıkana kadar beklemek ve o zamana kadar Ahmet Eren BAŞAK’ın bahsettiği çözümü uygulamak herkes için en iyisi.. Aksi takdirde bugün IE’nin yaptığını yarın Firefox ya da Webkit tabanlı tarayıcıların yapmasına kimse engel olamaz.

  4. Özgür Kuru says:

    Selam Alper,
    Hiç bu açıdan düşünmemiştim :) .

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">