Archive for the ‘CSS’ category

Internet Explorer 6′da İstenmeyen Fazladan Boşluk

August 3rd, 2009

Internet Explorer 6 tarayıcıda projeme baktığımda aşağıdaki gibi bir yapımda .Tbl class’ına sahip div elementinin üst kısmında ekstradan fazla yaklaşık 100px’lik bir boşluk oluştuğunu gördüm.

<div id="Container">
        <div class="Bas">Başlığım</div>
        <div class="Tbl">
             <table width="100%">...</table>
        </div>
</div>

Google üzerindeki aramalarım sonucunda bytes.com adresindeki “extra whitespace padding in DIV tag” başlıklı forum konusunda çözümü buldum.
Stil tanımlamalarıma .Tbl class’ına sahip div‘im için şu stili tanımladığımda sorun düzeldi.

.Tbl{
        height:100%;
}

Maalesef web uygulamalarını kullacak müşterilerimizin önemli bir kısmı(%15-20) IE6 kullandığı için bu kontrolleri yapmak zorundayız. Herkese iyi çalışmalar.

Transparan Png Desteği (CSS Png Fix)

March 31st, 2009

komodomedia blogundaki CSS PNG Image Fix for IE başlıklı makalede Internet Explorer için transparan png resim desteği konusunda kullanılışı ve uygulanışı gayet bir CSS tekniği anlatışmış.

IE6 için Transparan PNG (DD_belatedPNG)

December 12th, 2008

Drew Diller tarafından hazırlanan DD_belatedPNG isimli javascript ile;

  • 24bit renk çözünürlüğündeki png grafiklerini background olarak IE6‘da sorunsuz kullanabiliyorsunuz
  • background-position ve background-repeat özelliklerini destekliyor
  • ve png transparanlığını vereceğiniz css sınıfının ismini scriptte çağırarak kolayca kullanabiliyorsunuz. Aynen şöyle: DD_belatedPNG.fix(‘.png_bg‘);

 Örnekler ve detaylar için

CSS ile Resim Kullanmadan Oval Kenarlık Yapmak

November 10th, 2008

Sayfalarımızda CSS ile oval kenarlıklı kutucuklar yapmak için genelde resim destekli metodlar kullanırdık. Fakat CSS’im Benim blogundaki CSS ile Resimsiz Yuvarlak Köşeler başlıklı yazıyı okuyunca sevindim. Burada hiç bir grafik kullanmadan salt css ile yuvarlak köşeli kutular yapabilmekteyiz.

CSS’de Position:Relative ve Position:Absolute Hakkında

October 15th, 2008

Web Deneyimleri blogunda CSS’de Position özelliği ve Position:Absolute, Position:Relative değerleri hakkında çok anlaşılır ve temiz bir makale buldum. Okumak için böyle buyrun.