Väljendades IT

Postitus IE 6, MSIE on nii lahke, et meid UI arendajad, lisades veel mõned CSS omadused standardi kõige muu standard brauseritega. Üks selline kasulikku vara "min-height". Väga lihtne vara, mis ei vaja pikka Hengästynyt selgitus. Kui min-kõrgus jagamine on seadistatud, siis alati jääb, et maa kõrgus, kui sisu seda maja võtab vähem kui see mahub ja tähtsam (erinevalt plain vanilla "height" vara) kaalud või CSS sõnadega, see käitub jagunemine, kelle "height" on seatud "auto" ...

Mõned meist kehv arendajad, kes ikka veel on vaja koodi CSS et peab töötama IE6, un-kättesaadavus "min-height", võib osutuda Näita korgi millalgi ... Donot meeleheidet.

Õnneks on meil piisavalt quirks IE, et me kasutame välja ära ja häkkida oma teed läbi, et jõuda meie eesmärk ... st teha DIVISION rajoon kuigi tema min-kõrgus IE6

Lahendus 1: Kasutades alakriips Hack [ ... Loe edasi ]

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

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

---

Lahendus 2: Kasutades CSS omadus valija Hack

.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>


CSS omadus valija Hack ära asjaolu brauserid varem tha IE6 ignoreeritakse atribuudi-valijat. Märkus nõue teise konteinerisse osakonnale class = "someclass". Lihtsalt presense klassi atribuut selle jagunemine, alistab kõrgus tagasi auto jaoks Opera, Mozilla ja MSIE7 ja hiljem. IE6, mis ei toeta atribuuti selektorid, ignoreerib seda.

Vaata Demo on min-height hack jaoks IE6