min-height hack

Wpis z dnia 21.01.2005, umieszczony w kategorii "CSS & XHTML".

W CSS 2 jest dostępny styl, który definiuje minimalną wysokość elementu. Działa to na takiej zasadzie, że na przykład mamy pole w tabelce, albo diva, który ma nie być krótszy niż np. 200px, ale chcemy mieć możliwość żeby się on wydłużał jeśli zajdzie taka potrzeba.

Normalnie kod powinien wyglądać tak (dla elementu .cos):

.cos {
min-height: 200px;
}

Niby fajnie, ale spróbujcie to sprawdzić pod IE. I co? Kaszana. Pytanie dlaczego? Bill to jeden wie. Nam pozostaje tylko jakoś to obejść. Do tego potrzebujemy jeszcze kilku linijek:

.cos {
min-height: 200px;
}

*html .cos {
height: 200px;
}

Użycie tego prostego hacka wpłynie tylko na IE, wszystkie inne przeglądarki będą go ignorować.

— 21/01/2005

Komentarzy: 5

b3x powiedział/a:
17.04.2005, 15:57
Świetne! Dzięki.
gekon powiedział/a:
12.09.2005, 19:13
Jest jeszcze inna metoda, przedstawiona na stronie wellstyled.com.
wojtiku powiedział/a:
16.02.2006, 18:48
i moim zdaniem jest sporo lepsza
Mikołaj Barczentewicz powiedział/a:
16.02.2006, 19:59
I tak te wszystkie hacki nie będą działać w IE 7 - pytanie, czy przynajmniej CSS będzie w zamian za to poprawnie interpretowany?
Sasafsal powiedział/a:
03.11.2006, 15:14
dzieki:) przydalo sie