Krympa bilder som är större än divven

Tråden skapades och har fått 5 svar. Det senaste inlägget skrevs .
1

Hej.

<div style='width:500px; height:200px;'>
<img src=bigimage.jpg />
</div>

När bilden är större än divven så ökar divvens storlek. Jag vill istället att bildens storlek skall krympa till att passa divven. Hur göra?

Jag söker inte någon lösning där bilden blir 100% av divvens storlek, en liten bild skall inte sträckas ut eller tappa proportioner.

[edit] Stavfel

Safari klarar inte av detta helt och hållet (bilden skalar inte proportionerligt), men de flesta andra webb-läsare gör det:

<div style='width:500px; height:200px;'>
<img src=bigimage.jpg style='max-width:500px; max-height:200px;' />
</div>

Internet Explorer 6 klarar inte av det alls. Men det finns en javascriptlösning på det.

width:expression(document.body.clientWidth > 500? "500px": "auto" );

Klarar alla läsare javascriptlösningen?

Nej, det är bara IE som läser den, de andra struntar i den.

Tack då vet jag.

Kan inte alla webbläsare tillverkare sluta spela solo och bara se till att en lösning fungerar i alla läsare?

Ojdå trött och ett litet frustrationsutborott bara...

1
Bevaka tråden