Css hakkında ufak biriki ipucu

aslında pek yazılacak bir elle tutulru bir şey yok ama yine de yazmak istedim. Şişli spor kulübünün temasında ie6 gibi eski tarayıcılarda birkaç sorun yaşadım. tablolara sabit genişlik vermeme rağmen içeriğin daha büyük olmasından dolayı temada genişlikte şişme oluyordu, bunu şu yolla düzelttim, css de sorunlu olan table koduna şunu ekledim

table-layout: fixed

bu kod genişliğin tablodaki width değerlerine göre hesaplanmasını sağlar, içeriğe bakmaz, böylece şişmeleri engeller ;)

ayrıca pek çok ie6 transparan png kodu var, fakat neredeyse hiçbiri tekrarlanan css arkaplanlarında çalışmıyor, aradım ve de şöyle bir kod buldum, çalışan tek kod, belk ibirilerinini işine yarar

transparan çıkmayan css de class koduna şu şekilde ekleyin:

1
2
3
4
5
6
7
8
9
#classiniz {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}

böylece o class içerisinde kendini tekrar eden transparan png ler çalışacaktır.
tabi 1×1 lik boş bir blank.gif dosyasını da cssninolduğuklasör/images e yüklemeyi unutmayın

VN:F [1.9.11_1134]
Rating: 10.0/10 (7 votes cast)
VN:F [1.9.11_1134]
Rating: +2 (from 2 votes)
Css hakkında ufak biriki ipucu, 10.0 out of 10 based on 7 ratings