Obrazek (jak widać jest on dłuższy niż szerszy): http://img222.imageshack.us/my.php?image=05082009143453.png

Obrazek jest wyświetlany poprawnie w FF, IE8 i Operze:


A to jak wygląda w google chrome i safari - nie jest poprawnie skalowany - teraz ma taką samą długość i szerokość:



Walidator mi mówi, że mam w 100% poprawny CSS i dokument HTML.


Kod:

[HTML] pobierz, plaintext 
.jeden
{
	width: 160px;
	height: 200px;
	float:left;
	border: 1px solid Purple;
	padding: 5px;
	margin-right: 5px;
	margin-top: 5px;
	text-align: center;
}
 
.dwa 
{
	width: 160px;
        height: 160px;
}
 
.trzy
{
	width: 50%;
	height: 50%;
}
 
-------------------------------------------------------------------------
 
<div class="jeden">
<div class="dwa">
 
<img src="/uploads/google.png" alt="picture" class='trzy'/>
<br/>Good picture
 
</div>
</div>
[HTML] pobierz, plaintext 

Co robię źle ? Gdzie popełniłem błąd ?

height nie jest dziedziczone z elementu nadrzędnego, więc nie będzie działać height 50% dla obrazka, którego rodzic nie ma zadeklarowanej wysokości.

Pzdr

Nie za bardzo rozumiem. Dzięki temu, że wysokość nie jest dziedziczona to wyświetla mi się poprawnie w FF, IE8 i Opera, więc nie rozumiem co mam zrobić ?

Przeglądarki mają niestety to do siebie, że każda inaczej interpretuje kod. Safari jest chyba najbardziej wyczulona na błędy (nie mówie o IE, które samo jest błędem) Spróbuj dodać w stylach .dwa wysokość jakąś. Daj znać czy pomogło :]

Zrobiłem:



Ale teraz mam kwadratowe obrazki

no i bedziesz mial bo div dwa jest kwadratem, a w stylach img ustawiasz mu 50% wysokosci i szerokosci diva.

Może napisz jaki efekt chciałeś uzyskać Będzie łatwiej

Chciałem uzyskać pojemnik 160x200 px (div - klasa jeden).
W środku powinno być miejsce na obrazek i tekst.
Więc zrobiłem kolejny pojemnik 160x160 px (div - klasa dwa) na obrazek. W środku tego diva dwa chciałbym wyświetlić obrazek, którego szerokość i wysokość zostałaby pomniejszona o 50% (mam obrazki o maksymalnej wysokości lub maksymalnej szerokości = 250 px).



Tak jak avatary na grono.net: http://grono.net/find/user/?q=mi

Czyli to ma być 50% wysokości i szerokości danego obrazka? Przykładowo obrazek ma rozmiary 200x100px, to Ty chcesz wyświetlić 100x50px tak?
Jeżeli dobrze rozumiem, to nie zrobisz tego w sposób, który zaprezentowałeś. Bo wtedy zawsze będziesz miał 50%, ale elementu nadrzędnego nad obrazkiem. Czyli w tym przypadku 50% div.dwa. Nie jestem pewien czy możesz to w ogóle zrobić za pomocą HTML+CSS. Najlepiej byłoby za pomocą PHP. Ew może JavaScript coś pomoże

Pozdro

Dokładnie o to mi chodzi. Za pomocą php ? Masz na myśli zrobienie drugiego obrazka - miniaturki avatara ?