Porady IT

Jak wiadomo, w każdej przeglądarce internetowej, oprócz słynnego IE, można zwyczajnie zdefiniować właściwość min-height, która określa minimalną wysokość danego bloku, czy warstwy. Właściwość bardzo potrzebna i często używana, nie działa w IE.

Jest jednak sposób na obejście tego problemu. Trzeba utworzyć dwie definicje CSS - osobno dla IE i dla pozostałych przeglądarek. Poniżej przykład warstwy o minimalnej wysokości 300 pikseli.

/* normalne przeglądarki */
div.container { width:300px; min-height:300px; height:auto; }
/* Internet Explorer */
/*\*/
* html .container { height: 8em;
}
/**/

I drugi przykład.

div.container {
min-height:300px;
height:auto !important;
height:300px;
}

Testowałem w kilku głównych przeglądarkach. Jak znajdziecie lepsze sposoby zapraszam do podzielenia się z nami w komentarzach