‘internet explorer’ etiketi için sonuçlar
İnternet Explorer 6 ve 7 için Tablo tr elementine kenar çizgisi atamak
Ekim 17th, 2009 • 1 yorum CSS
Etiketler: ie6, ie7, internet explorer, kenar-çizgisi, problem
Yine bir İnternet Explorer sorunu ile karşı karşıyayız. Bu seferki sorunum ile bir tablo satırına alt kenar çizgisi tanım yapınca karşılaştım.
table{border-collapse:collapse}
table tr{border-bottom:1px solid #000;}
Gayet basit normal bir tanım. Ancak ie6 ve 7 için durum öyle değil. Karmaşık gelmiş olmalı ki bu atamayı uygulamadı. border-collapse:collapse tanımı kenar çizgileri arasında boşluk olmamaısı için kullanıyoruz.
Peki İnternet Explorer 6 ve 7 için nasıl bir çözüm üretmeliyiz. Satıra değilde satırı oluşturan hücrelere kenar çizgisi verirsek sorunumuz ortadan kalkıyor.
table{border-collapse:collapse}
table td{border-bottom:1px solid #000;}
Örneği görmek için tıklayınız.
Kaynak
IE 8 için CSS Düzeltmesi(Hack)
Haziran 8th, 2009 • 22 yorum CSS, XHTML
Etiketler: css-düzelmesi, ie8, ie8-fix, internet explorer, İnternet Tarayıcısı
İnternet Explorer 8 çıktı ve hızla yayılıyor. Sitemi ziyaret edenlerin %5′i İnternet Explorer 8 kullanıcısı imiş. Bir makalede görmüştüm. İnternet Explorer 8′in hızlı yayılması ile alakalı.
Burada ie8′de css düzeltmesi yapmamız gerektiğinde nasıl bir yol izleyeceğimiz konusunda bir ipucu vereceğim.
.uyari { color /*\**/: red\9 }
Bir çok yerde bu kodun tek başına ie8 için yeterli olduğu yazıyor. Ama ben test ettiğimde ie7′de bu kodu görüyor. Bunun için
.uyari{color:blue} /* tum taricilar */
.uyari { color /*\**/: red\9 } /* ie8 ve ie 7 */
*+html .uyari{color:blue} /* ie 7 */
Şeklinde bir çözüm işimize yaracaktır.
Örneği görmek için tıklayınız.
Ayrıca şartlı yorumlar yardımı ile de yapabiliriz.
<!–[if gte IE 8]>
<style type="text/css">
.uyari {
color: red;
}
</style>
<![endif]–>
Ayrıca daha önce bahsettiğimiz ie7 gibi yorumlama kodu var.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Testlerimi ietester ile yaptım.
CSS İpucu 21: CSS ile Seçilen Metinlerin Rengini Değiştirmek
Haziran 1st, 2009 • 14 yorum CSS, XHTML
Etiketler: css3, Firefox, Google-Checkout, internet explorer, Opera, safari, seçili-metin, WebKit
css-tricks.com sitesine her girdiğimde metinleri seçince çok hoş bir görüntü ile karşılaşıyorum. Bence çok güzel. Belkide standart renklerden bıktığım için farklı renkler bana hoş geliyor. Metinleri seçince ardalan rengini ve metin rengini değiştirebilmek çok güzel bence. Özelliğin tek kötü yanı Internet Explorer’un(8. sürüm dahil) desteğinin söz konusu olmaması.
Kodlama çok basit
::-moz-selection {
background:#c00;
color:#fff;
}
::selection {
background:#c00;
color:#fff;
}
Kodlamanın birinci kısmı(::-moz-selection) mozilla tabanlı yani Firefox için ikinci kısmı ise normal CSS 3 ile birlikte gelen koddur. Webkit tabanlı tarayıcılar ve Opera 9.5 bu kodu destekliyor.
Ayrıca diğer seçicilerede bunu uygulayabiliyoruz. Bağlantılar için farklı bir renk tanımlayalım mesela
a::-moz-selection {
background:#1259C7;
color:#fff;
}
a::selection {
background:#1259C7;
color:#fff;
}
Örnek olarak bu sitede herhangi bir metni seçince göreceksiniz.
Internet Explore desteklemiyor. Bunun haricinde Firefox 2, Safari, Opera 9.5 ve Google Chrome destekliyor.
Kaynaklar
Tablo Satırına Verilen Ardalan Resminin Tekrarlama Sorunu
Nisan 13th, 2009 • 4 yorum CSS, Web Standartları, XHTML
Etiketler: hata, internet explorer, sorun, tablo, tablo-satırı, tr, WebKit
Tablo satırına ardalan resmi tanımladığımızda Firefox ve Opera’da sorun yok iken Internet Explorer ve Webkit tabanlı tarayıcılarda(Safari ve Google Chrome) sorun çıkarıyor. Biz burada Internet Explorer için nasıl bir çözüm üretebiliriz onu göstereceğiz. Webkit tabanlı tarayıcılar için çözüm bulamadım üzgünüm.
table tr{
background:url(images/southpark.gif) 0 0 no-repeat;
height:130px;
}

Örneği görmek için tıklayınız.
tanımlaması Firefox ve Opera da sorunsuz çalışırken IE ve Webkit tabanlı tarayıcılarda sorun çıkaracaktır.
Çözüm için
table tr{
background:url(images/southpark.gif) 0 0 no-repeat;
height:130px;
position:relative;
}
table tr td{
color:#fff;
font:12px Arial, Helvetica, sans-serif;
background:none;
}

tanımlamaları yeterlidir. Örneği görmek için tıklayınız.
Kaynak
Internet Explorer 8′i 7 gibi yorumlama kodu
Mart 23rd, 2009 • 27 yorum XHTML
Etiketler: ie7, ie8, internet explorer, İnternet Tarayıcısı
Bildiğiniz gibi Microsoft Internet Explorer 8′i geçen hafta duyurdu. Eğer sitelerimiz IE8′e tam olarak uygun değilse sayfamıza bir satırlık bir kod ekleyerek bu sorunu çözebiliyoruz.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Kodunu sitemize eklememiz yeterli. Bu META etiketi sayesinde Sayfalarımız Internet Explorer 7′de görünüyor gibi yorumlanacaktır.
Bir projede meta’ların ilk başına yazınca olmadı, </head>’in bir öncesine koyunca oldu aklınızda bulunsun.
Internet Explorer 8′in Nihai Sürümü Çıktı
Mart 20th, 2009 • 10 yorum Haberler
Etiketler: ie8, internet explorer, İnternet Tarayıcısı, microsoft
Microsoft Internet Explorer 8′in nihai sürümünü dün yayınladı. Önceki tarayıcılarına(7 ve 6) göre güzel ancak diğer tarayıcılara(Firefox, Safari, Google Chrome vd.) göre yetersiz bir sürüm bence. Daha önce yeniliklerden bahsettiğim için burada tekrarlamak istemiyorum.
Genel olarak değerlendirdiğimizde daha hızlı, daha güvenli ve yeni özellikler sunuyor ie8. Kod yazarları için ie8′in en büyük avantajı CSS2.1(CSS3′ün bazı özelliklerini destekliyor) ve javascript standartlarını tam desteklediğini duyurmasıdır. Ayrıca sorun yaşadığımızda bize ie7 gibi davranma seçeneği sunması da güzel.
Bence Microsoft Internet Explorer 8 diğer tarayıcıların yükselişini engelleyecek yetenekte bir tarayıcı değil. Bunda kaybedilen pazar paylarının ve alternatiflerine hızlı yanıt verememesinin büyük etkisi var. Ayrıca ie6 gibi garabet bir tarayıcıya uzun yıllar bizi mahkum etmeninde etkisi var. Bence Windows tarayıcı pazarından çekilmelidir. Tek güzellik standartlara uygun bir tarayıcının böyle yaygın bir işletim sistemi ile gelmeside güzel.
Bu arada bize güzel bir iş çıktı yaptığımız siteler ie8′de sorunlu mu değil mi? Kontrol zamanı
İndirmek için tıklayınız.
- http://www.melihbayramdede.com/2009/03/19/internet-explorer-8-yayinlandi-hemen-indirin/
- http://ajaxian.com/archives/ie-8-launches-at-mix09-probably-without-one-of-your-features
- http://www.readwriteweb.com/archives/microsoft_releases_internet_explorer8_rc1.php
- http://www.computerworld.com/action/article.do?command=viewArticleBasic&articleId=9129906
- http://blog.wired.com/business/2009/01/more-details-ab.html
- http://www.microsoft.com/windows/internet-explorer/beta/readiness/developers-new.aspx
- http://ejohn.org/blog/javascript-in-internet-explorer-8/
- http://www.alistapart.com/articles/beyonddoctype
- http://blogs.msdn.com/ie/archive/2008/01/21/compatibility-and-ie8.aspx
- http://blogs.msdn.com/ie/archive/2008/03/03/microsoft-s-interoperability-principles-and-ie8.aspx
- http://daron.yondem.com/tr/PermaLink.aspx?guid=e649f2d5-0f91-4ed0-a231-74321d01d5b3
- http://www.fatihhayrioglu.com/internet-explorer-8e-kisa-bir-bakis/
- http://www.thestandard.com/news/2009/01/28/ie8-rc1-gains-ground-javascript-race
- http://blogs.msdn.com/ie/archive/2009/01/29/overview-of-platform-improvements-in-ie8-rc1.aspx