Chciałbym, aby obrazek dopasowywał szerokość/wysokość w zależności od rozmiarów ekranu. Łatwo zarządzać rozmiarami div'ów etc. poprzez określanie ich wielkości przez procent:
.divelement {
width: 50%;
}
Niestety, w przypadku elementów IMG już to nie działa:
.imgelement {
width: 50%;
}
Obrazek jest wyświetlany w całości. CSS jest winny (niedopracowany), czy też jest jakiś sposób, by wymusić rozmiary obrazka inaczej, niż przez określenie "twardych" wartości w pikselach?
U mnie działa.
Może nie ustawiasz class dla img?
Class mam, ale teraz zgadza się: ustawiałem samo height: 50% - to nie działa. Natomiast podane przeze mnie width: 50% działa.
Najwyraźniej niedoróbka w CSS. Przyznaję, że nie cierpię siedzieć w HTML/CSS - gdzie logika z "zwykłych" języków programowania?
Z height także działa :|
Ciekawe. Firefox 12.0 - tego używam. W czym sprawdzałeś?
Żeby móc określić procentową wysokość elementu, jego rodzić musi mieć już ustaloną wysokość.
iooi napisał(a):
Żeby móc określić procentową wysokość elementu, jego rodzić musi mieć już ustaloną wysokość.
dokładnie
podany przykład dla diva też nie zadziała jeżeli w tym samym miejscu nie zadziałał dla img