CSS

Min-height

  • 2007-09-09 18:37
  • 2 komentarze
  • 2502 odsłony
  • Oceń ten tekst jako pierwszy
min-height - definiuje minimalną wysokość elementu. Możliwe wartości:
  • wysokość wyrażona w jednostkach miary
  • procent wysokości bloku zawierającego
  • inherit - przejęcie wartości rodzica
div
{
    min-height: 100px;
}


Polecenia pokrewne


Odpowiednik html


  • brak

Wersja specyfikacji


Wsparcie 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;

2 komentarze

Coldpeer 2009-01-26 22:15

można też zastosować inny hack dla IE:

#content {
  min-height: 200px;
}
 
* html #content {
  height: 200px;
}

nul 2007-01-09 01:01

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