Zastępca min-height

Marek Szydełko
05.09.2015

Jak wszyscy wiemy IE nie obsługuje dyrektyw min-height, min-width i innych min- I tutaj rodzi się pytanie, czy istnieje jakichkolwiek sposób na ominięcie tego?

Na forum.viawww  Armanis, zaproponował takie oto rozwiązanie:

selektor {
min-height: 20px;
height: auto !important;
_height: auto !important;
height: 20px;
}


Co nam to daje?
Pierwsza linijka jest dla IE7, Firefoxa i Opery i ustawia minimalną wysokość dla nich.
Druga ustawia automatyczną wysokość dla IE7, FF, Opera i każe im zignorować pierwszą linijkę.
Trzecia jest dla IE6 (która nie rozumie poprzednich; dla tego IE "height" znaczy tyle co "min-height") i ustawia minimalną wysokość.

No dobrze, ale czas na ujednolicenie informacji.
Min-height jest dyrektywą obsługiwaną przez przeglądarki na silniku Gecko: Opera i Firefox oraz dla iE od wersji 7 w górę.
Dla IE 6, 5.x (o mniejszych nie będę wspominał), polecam jedna skorzystanie z mechanizmu expression:

min-height: 300px;
height: expression(document.body.clientHeight > 300? "300px": "auto" );


Lub kazać mu ignorować poprzednie linijki, dzięki temu, że Ie w tych wersjach nie rozumie polecenia !important :

min-height: 300px;
height: auto !important;
height: 300px;

 

Zgłoś swój pomysł na artykuł

Więcej w tym dziale Zobacz wszystkie