Min-height
min-height - definiuje minimalną wysokość elementu. Możliwe wartości:
Dla Internet Explorera w wersji 6 oraz 5.x można skorzystać z mechanizmu expression:
Lub wykrozystać fakt, że nie obsługuje on słowa kluczowego !important:
- wysokość wyrażona w jednostkach miary
- procent wysokości bloku zawierającego
- inherit - przejęcie wartości rodzica
div { min-height: 100px; }
Polecenia pokrewne
* height, max-heightOdpowiednik html
* brakWersja specyfikacji
* CSS 2Wsparcie przeglądarek
* Opera i Firefox (Gecko) obsługują polecenie od dawna- Internet Explorer od wersji 7
Dla Internet Explorera w wersji 6 oraz 5.x można skorzystać z mechanizmu expression:
min-height: 300px; height: expression(document.body.clientHeight > 300? "300px": "auto" );
Lub wykrozystać fakt, że nie obsługuje on słowa kluczowego !important:
min-height: 300px; height: auto !important; height: 300px;
Kategoria: CSS
2 komentarze
warto napisać o tym że wartości minimalne można uzyskać na IE starszych niż 7 za pomocą hacku:
div {
/width:50px;
/width:auto;
min-width:50px;
}
i minimalną szerokość możemy stosować dla ie - to samo tyczy sie wysokości
można też zastosować inny hack dla IE:
#content {
min-height: 200px;
}
* html #content {
height: 200px;
}