Internet Explorer’da “min-height” sorunu

IE 6.0′da yaÅŸanılan bazı CSS Özellik Belirteçleri(property) sorunlarından biri : min-height

Güncel birçok tarayıcıda aynı görüntüyü veren tasarımlar oluÅŸturmayı web tasarımcıların hepsi ister, ancak bunu yapabilmek bilgi ve tecrübe isteyen zorlu bir iÅŸtir. “min-height” CSS belirteci, ziyaretçilerimizin en fazla kullandığı tarayıcı olan IE’de üzülerek söylüyorum ki çalışmamaktadır.

Peki ne yapmalı? Cevabı hemen aşağıda, hem de 2 şekilde (belki de daha fazla):

Birinci Hack

secicimiz {
min-height:500px;
height:auto;
}
*html secicimiz{
height:auto;
}

Yukarıdaki kod parçacığında, başına *html (star html) koyduğumuz seçiciyi sadece IE okur, ilk seçiciyi ise diğer tarayıcılar okur.
Mantığını biraz daha açacak olursak, Internet Explorer, height belirtecini zaten min-height gibi işleme sokuyor ve min-height diye bir belirteç tanımıyor, zaten hata da burdan kaynaklanıyor.

Alternatif Hack

Bu konuyla ilgili sonradan öğrendiğim 2. bir hack ise aşağıdaki gibidir ve IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 tarayıcılarda sorunsuzca çalışmaktaymış.

secicimiz {
min-height:500px;
height:auto !important;
height:500px;
}