max-width; max-height funzt net

[Beat]

sorry, aber ich dachte immer mit max-width und max-heigt könnte ich die maximale Seitenlänge eines Bildes z.B. festlegen.

In folgender Schreibweise ignoriert er beide Seitanlängen:
<img src="bild.jpg" style="max-width:50px; max-height:50px;";>

In folgender Weise setzt er die Höhe auf 50px und das Seitenverhältnis bleibt gleich:
<img src="bild.jpg" style="width:50px; max-height:50px;";>

In dieser Weise setzt er die Breite auf 50px und das Seitenverhältnis bleibt gleich:
<img src="bild.jpg" style="max-width:50px; height:50px;";>

Es klappt also nur entweder oder, ich hätte aber gerne beides.
Ist das irgendwie möglich - natürlich ohne Verzerrung?

Wenn du nur die eine Richtung angibst, dann wird die andere Richtung proportional angepasst.

Der Sinn von max-width bzw. min-width ist aber anders, als du glaubst.
typischer Weise verwendet man folgendes Schema

width                max-width   min-width
absolute Einheit     relative Eineheiten

oder

width                max-width   min-width
relative Einheit     absolute Einheiten

ein typischer Fall wäre also:
    style="width:100px; max-width:100%; min-width:50%;"
wobei sich die prozentualen Einheiten auf die Breite des Parent-Elements beziehen.

mfg Beat