5

min-height hack

21/01/2005 | 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ć.

Komentarzy: 5

  1. b3x says:

    Świetne! Dzięki.

  2. gekon says:

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

  3. wojtiku says:

    i moim zdaniem jest sporo lepsza ;)

  4. 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?

  5. Sasafsal says:

    dzieki:) przydalo sie

Dodaj komentarz