‘bitişik kardeş seçiciler’ etiketi için sonuçlar
İE7 Bitişik Kardeş Seçicisi Sorunu
Eylül 6th, 2011 • 1 yorum CSS
Etiketler: bitişik kardeş seçiciler, ie7, sorun
Geçen hafta “IE6 Sonrası Kod Yazma Alışkanlıklarımızı Güncellemek” adlı makale ile ie6 ile vedalaştık. Tabi orada söylediğimiz gibi ie6’nın bitmiş olması sorunlarımızın bitmiş olduğu anlamına gelmiyor. İşte sizinle o makalede artık rahat rahat kullanabileceğimizi söylediğimizi Bitişik Kardeş Seçicisi ile ilgili bir sorunu burada sizlerle paylaşacağım.
Çözümü çok basit olan bir sorun ama bu sorunu anlatmamın nedenlerinden biriside sorunların olacağı, ama bizim bu sorunları görüp çözmemiz gerektiğini anlatmaktır. İyi bir arayüz geliştirici ve hatta iyi bir programcı hataları bulup üzerine gidip çözebilendir.
Soruna gelirsek; Sorun Bitişik Kardeş Seçicileri kullandığımız elemanlar arasında eğer HTML yorum satırı eklersek ie7 bitişik kardeş seçicisi ile tanımladığımız bildirimleri yorumlamıyor.
<h2>Başlık</h2> <!-- html yorumu --> <p>Paragraf</p>
CSS kodu
h2 + p { background-color: #fc0; }
Uygulaması bütün tarayıcılarda sorunsuz çalışırken ie7’de sonuç vermeyecektir. DOM’daki öğelerin konumuna göre çalışan bu seçicinin çalışmasında ie7 aradaki yorum satırlarınıda dikkate alarak istenen sonucunu vermediğini göreceğiz.
Çözüm için yorum satırını kullanmaya ne gerek var silelim demek ve yorumları silmek bir çözümdür. Ama ben ie ile sorun yaşıyorum diye yorum satırımı silmek istemem. Çözüm ie6 sorunları ile uğraşırken bulduğumuz şekilde olacaktır. Şartlı yorumları kullanarak çözüme ulaşmakta mümkündür.
<h2>Başlık</h2> <!--[if !IE]>Başlık yaz <![endif]--> <p>Paragraf</p> <p>Paragraf 2</p>
Şeklinde bir çözüm işimizi görecektir.
Kaynaklar
18 Mart 2008 web’den seçme haberler
Mart 18th, 2008 • 2 yorum Haberler
Etiketler: asp.net 2.0, bitişik kardeş seçiciler, CSS, css ipuçları, css-menü, ie8, sayfalama, WordPress
- SitePoint CSS referansından sonra HTML referansını yayınladı. Güzel bir kaynak. Bağlantı
- “Internet Explorer 8 Beta, Firefox 3 Beta 4′e karşı !” Bağlantı
- Firefox3′de hafıza kullanım oranlarının düştüğü belirtiliyor. Tüm tarayıcıların hafıza kullanımları. Bağlantı
- Güzel CSS kodu yazmak. Bağlantı
- En çok kullanılan CSS kod ipuçları. Bağlantı
- Asp.net 2.0 ile güvenlik metni uygulaması yapmak. Bağlantı
- CSS Menü yapmak için internet üzerinden bir araç. Bağlantı
- İlk harfi özel ve büyük yapmak için bir yöntem. Bağlantı
- Bitişik kardeş seçicilerin kullanımına farklı bir örnek. Bağlantı
- WordPress hakkında gelişmiş ipuçları ve teknikler. Bağlantı
- Sayfalama alanını CSS ile güzelleştirmek. Bağlantı
