Krympa bilder som är större än divven

Tråden skapades 2006-12-20 och har fått 5 svar. Det senaste inlägget skrevs 2006-12-20.

2006-12-20 00:20

Gustaf Haag
Medlem ●
Jönköping
2006-12-20 00:20

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

Anmäl Ändra Gilla Svara

2006-12-20 00:51

Niklas Brunberg
Medlem ●
Linköping
2006-12-20 00:51

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>

Anmäl Ändra Gilla Svara

2006-12-20 12:45

Gustaf Haag
Medlem ●
Jönköping
2006-12-20 12:45

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

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

Anmäl Ändra Gilla Svara

2006-12-20 14:50

Mattias Hedman
Medlem ●
Sundsvall
2006-12-20 14:50

Klarar alla läsare javascriptlösningen?

Anmäl Ändra Gilla Svara

2006-12-20 21:55

Gustaf Haag
Medlem ●
Jönköping
2006-12-20 21:55

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

Anmäl Ändra Gilla Svara

2006-12-20 22:51

Mattias Hedman
Medlem ●
Sundsvall
2006-12-20 22:51

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

Anmäl Ändra Gilla Svara

Bevaka tråden

Nytt i forumet

Debatterade nyheter

Senaste nytt

2 Hur ser ditt julpynt ut hemma?

0 3 ljusa tips för att hålla inbrottstjuvarna borta – använd smart belysning!

12 Slutet på något gammalt - början på något nytt

5 Rykte: Apple väntas lansera en uppdaterad 27" iMac i början av 2022

22 99mac blir Macradion på en helt ny plattform

1 Macradion: Vi släpper lös kraften tillsammans

0 Apple backar på den nya designen av Safari i macOS Monterey

24 Apple släpper macOS Monterey den 25 oktober

0 HomePod mini kommer i fler färger

91 Apple presenterar MacBook Pro, M1 Pro och M1 Max

4 Apple presenterar tredje generationens AirPods

2 Så här ser du Apples event ikväll

1 Apple Watch Series 7 - är det värt att uppgradera?

0 Macradion: Unleash the MF appstore

7 Detta tror vi att Apple visar upp på eventet

1 Apple förlänger sitt serviceprogram för AirPods Pro

0 Rykte: MacBook Pro har samma leverantör av miniLED-paneler som iPad Pro

3 Apple bjuder in till event den 18 oktober

1 BaseLynx: Modulär laddstation utan gränser

1 Tile håller koll på allt från plånbok till nycklar men saknar en nyckelfunktion

0 Apple överklagar domen för betalning genom tredjepartsutvecklare i App Store