İnternet Explorer 6 ve 7 için Tablo tr elementine kenar çizgisi atamak

Yine bir İnternet Explorer sorunu ile karşı karşıyayız. Bu seferki sorunum ile bir tablo satırına alt kenar çizgisi tanım yapınca karşılaştım. 

table{border-collapse:collapse}
table tr{border-bottom:1px solid #000;}

Gayet basit normal bir tanım. Ancak ie6 ve 7 için durum öyle değil. Karmaşık gelmiş olmalı ki bu atamayı uygulamadı. border-collapse:collapse tanımı kenar çizgileri arasında boşluk olmamaısı için kullanıyoruz.

Peki İnternet Explorer 6 ve 7 için nasıl bir çözüm üretmeliyiz. Satıra değilde satırı oluşturan hücrelere kenar çizgisi verirsek sorunumuz ortadan kalkıyor.

table{border-collapse:collapse}
table td{border-bottom:1px solid #000;}

Örneği görmek için tıklayınız.

Kaynak

http://www.csarven.ca/tr-border-trick-for-ie

İlgili Yazılar:

• Dış Hat Çizgilerini(outline) Kaldırmak
• Firefox’un Negatif Değerli z-index Desteği
• Internet Explorer 6 olmasa hayat daha kolay ve zevkli olurdu
• CSS Hata Ayıklama Yöntemleri
• Css de kodumuzu İE6′dan gizleme