MIN-HEIGHT problem v IE 6

max-m · Napísal **max-m**: 29.01.2011 9:38

Caute,
uz dlhsie bojujem s atributom MIN-HEIGHT v IE 6. Vo vsetkych ostatnych prehliadacoch mam toto CSS a funguje mi to bez problemov:

Kód:

.left-container {
   min-height:590px;
   height:100%;
   background:#f4f4f4 url(../img/second-menu-shadow.jpg) repeat-y right;
   width:255px;
   float:left;
   color:#333;
   border-left:1px solid #dadada;
   position:absolute;
}

skusal som aj googlovat, no tipy v style

Kód:

min-height:590px;
height:auto !important;
height:100%;

mi nepomahaju.

neviete mi poradit, ako by sa dal tento problem odstranit?

DIK.

Ďuri · Napísal **Ďuri**: 29.01.2011 9:59

Osobne by som volil nasimulovat min-height pomocou expression, kedze definujes sirku aj vysku a nie je tak iste, do ktorej strany by IE6 tvoj blok roztiahol. Skus nieco taketo:

Kód:

min-height: 590px;
_height: expression(this.scrollHeight < 590 ? "590px" : "auto");

Este by som ta upozornil, ze Javascriptove scrollHeight nie je to iste ako height v CSS, takze keby si to chcel na pixel presne, musel by si si do podmienky k 590 este pripocitat horny a dolny padding.

MIN-HEIGHT problem v IE 6

Podobné témy