Internet Explorer içinde görüntülenen button etiketinde karşılaşılan extra boşluk problemi
Internet Explorer 6 ve 7 sürümleri içerisinde button etiketlerini görüntülemek istediğinizde hoş bir süprizle karşılaşıcaksınız. Button etiketi içinde tanımladığımız metin miktarı ile orantılı olarak yatayda sağ ve sol kısımlarına fazladan boşluk eklediğini farkedeceksiniz. Ne kadar fazla metin girerseniz bu değer daha da artış gösterecektir. Aşağıdaki css tanımlamasını yaparak bu problemi kolayca çözebilirsiniz.
button { overflow: visible; }
Daha iyi css kodlamak için 70 uzman görüş
- Css dosyası hazırlarken nasıl bir başlangıç yapmalıyım?
- Css kodlarımı nasıl organize edebilirim?
- IDs, Classes, Selectors ve Properties kullanımı
- Css kısaltmaları
- Tipografi ayarları
- İpuçları
gibi belli kategoriler altında toplanmış 70 uzman görüşün verildiği smashingmagazine sitesini ziyaret etmenizi şiddetle tavsiye ediyorum. Mayıs ayında yayınlanan bir blog yazısı olmasına rağmen halen dün gibi geçerliliğini koruyor.
http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/