IE7’de Overflow Hidden Sorunu

Bu sorunla bir çok kez karşılaştım.. Hep bir şekilde çözdüm ancak sorunun tam olarak neden kaynaklandığını ve nasıl çözdüğümü bir türlü bulamıyordum.. Neyse ki bu gece buna bir son verdim ve adam akıllı sorunu anladım, çözdüm ve mutluyum winked Şimdi bu sorun nasıl oluşuyor önce ondan bahseseyim..

Sorun nasıl oluşuyor?

Normal şartlarda kapsayıcı nesneye overflow: hidden verdiğinizde belirlediğimiz genişlik ve yükseklikten taşan her şeyi gizlemesi gerekir.. Bir yere kadar bu şekilde gizleniyor.. Ancak kapsayıcı nesne içindeki nesnelerden herhangi bir tanesine position tanımı yapılırsa.. İşte o zaman işin rengi değişiyor! O zaman taşınca gizlemesi gereken ie, gizlemekten vazgeçiyor.. Bu sorun IE7 ve muhtemelen alt sürümleri için geçerli.. IE8‘de böyle bir sorun yok. Okumaya devam et “IE7’de Overflow Hidden Sorunu”

IE7’de Display Inline-Block Hatası

Eğer ie7 uyumlu tasarımlar döktüyseniz bazen blok seviyesinden elemanları float yerine display özelliğini inline-block yaparak yan yana getirmek istemişsinizdir.. Ancak fark edeceğiniz üzere ne yazık ki doğrudan display: inline-block; ie7’de işlevini yerine getirmiyor.. Ancak bu sorunu aşmanın kolay bir yolu var.. Kısaca eğer inline-block uygulayacaksanız ie7 uyumlu hali şöyledir;

ul.tab li {
    display: inline-block;
    *display: inline;
    zoom: 1
}

Ve işte hepsi bu kadar, artık ie7 uyumlu hale geldi. Okumaya devam et “IE7’de Display Inline-Block Hatası”

CSS: Font Özellikleri

Bu dersimizde CSS’de tüm font özelliklerini ele alacağız.. Fontlar için bir çok tanmlı özellik bulunmakta, bu dersimizde göreceğimiz özellikler şunlardır;

font-family
font-size
font-style
font-variant
font-weight
font
@font-face

Okumaya devam et “CSS: Font Özellikleri”

CSS: Seçiciler (31 ~ 41)

CSS’de seçicilere kaldığımız yerden devam ediyoruz.. Bu dersimizde aşağıdaki seçicileri öğreneceğiz;

31) X:focus
32) X:active
33) X:lang(Y)
34) :root
35) X:empty
36) X:target
37) X:enabled
38) X:disabled
39) X:valid
40) X:invalid
41) ::selection

Okumaya devam et “CSS: Seçiciler (31 ~ 41)”

CSS: Seçiciler (21 ~ 30)

CSS’de seçicilere kaldığımız yerden devam ediyoruz.. Bu dersimizde aşağıdaki seçicileri öğreneceğiz;

21) X:nth-child(n)
22) X:nth-last-child(n)
23) X:nth-of-type(n)
24) X:nth-last-of-type(n)
25) X:only-child
26) X:only-of-type
27) X:first-child
28) X:last-child
29) X:first-of-type
30) X:last-of-type

Okumaya devam et “CSS: Seçiciler (21 ~ 30)”