21 Jan
2005
Posted in: Web development
By Mikołaj Barczentewicz    5 Comments

min-height hack

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ć.

5 Comments

  • b3x 17/04/2005 at 15:57

    Świetne! Dzięki.

    Reply
  • gekon 12/09/2005 at 19:13

    Jest jeszcze inna metoda, przedstawiona na stronie wellstyled.com.

    Reply
  • wojtiku 16/02/2006 at 18:48

    i moim zdaniem jest sporo lepsza ;)

    Reply
  • Mikołaj Barczentewicz 16/02/2006 at 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?

    Reply
  • Sasafsal 03/11/2006 at 15:14

    dzieki:) przydalo sie

    Reply

So, what do you think?