Expresa-la

Publicar IE 6, MSIE foi amable o suficiente para nós desenvolvedores de interface de usuario, engadindo algunhas máis propiedades CSS estándar para a maioría dos outros navegadores estándar. Unha desas propiedades útiles en "min-height". Propiedade moi sinxelo que non necesita explicación prolixo. Cando un min-height para unha división é definido, el sempre mantén esa altura conxunto cando o contido que alberga ocupa menos do que pode soster e importante (ao contrario da simple propiedade "height" vainilla) escalas ou sexa CSS, se comporta como un escisión, "height" é definido como "auto" ...

Para algúns de nós desenvolvedores pobres, que aínda son necesarios para código CSS, que tamén debe funcionar no IE6, un dispoñibilidade do "min-height", podería ser un empecilho algún ... desesperación Donot.

Afortunadamente, temos peculiaridades suficientes no IE, que usaríamos a vantaxe fóra e cortar o noso camiño ata chegar ao noso obxectivo ... é dicir, facer unha división DIVISIÓN como a súa min-height no IE6

Solución 1: Usar o Hack subliñado [ ... Ler máis ]

.box1 {
min-height: 200px;
height:auto;
_height:200px;
}

HTML: -
<div class="box1">Some dynamic content with variable height ...</div>

---

Solución 2: Usando o atributo CSS hack Selector

.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}

HTML: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>


O atributo CSS hack Selector aproveita o feito de os navegadores anteriores IE6 tha ignorou un selector de atributos dos. Nótese a esixencia dunha outra división recipiente con class = "Algumaclasse". Só o presense de atributos de clase para esta división, substitúe a altura da cernelha é automático para Opera, Mozilla e MSIE7 e posterior. IE6, que non soporta selectores atributos dos, ignore-lo.

Ver Demostración do hack min-height para IE6