IE7 ve Altı Tarayıcılarda Yazı Kaybolması Problemine Çözüm

Problem

Internet Explorer ve altı tarayıcılarda genellikle öncesinde gizli olan (tab ya da akordeon uygulamaları gibi) yazının açıldığı zaman görünmemesi. Ancak yazı seçildiği zaman ortaya çıkması.

Kaybolan yazı

Çözüm

Kaybolan yazıyı saran elemente position:relative özelliği ekleyin.

.ie-fix {position:relative}

Eğer işe yaramıyorsa position:relative’in yanına genişlik de ekleyin. Bu probleminizi çözecektir.

.ie-fix {position:relative; width:<genişlik>}

Başka bir yöntem daha… Sadece IE6 ve IE7’ye özel CSS yazıp yükseklik eklemek. Ama bu “CSS valid” bir yöntem olmadığı için mecbur kalmadıkça tercih etmiyorum.

.ie-fix {*height:0.01%} /* Sadece IE6 ve IE7 için */