[Andreas]

Var tvungen att göra ett fulhack med ett antal bilder. Jag måste i img-taggen dra ner storleken på bilden. Långt ifrån en optimal lösning, men i detta fall är det en nödvändighet.

<img src="bild_url" border="0" style="width:80%; height: 80%;" />

I de olika webbläsrna blir output:
- Firefox - Bra
- IE - Acceptabelt
- Safari - Katastrof

Finns det något sätt att lösa problematiken med Safari på bilderna?

Tack!

Andreas

[melin]

hur ser koden ut runt omkring?

dvs vad ligger bilden i och hur sätts bredd och höjd på det området

När du anger i % så tas det hänsyn till vad den ligger i.. dvs ligger den i en <div> som är 300 x 200 pixlar så blir bilden 240 x 160 - och inte 80% av sin egen storlek

[Westman]

Andreas, är du låst till html eller kan du köra något serverside?

[Andreas]

Feeden ligger i två divar:

<div style="width:339px; background:#FFF;">
	<div style="padding:15px 10px;">
 <hr size="1" noshade width="100%" color="#cccccc">
 <strong>Huvudrubrik</strong><br clear="all"><br>
FEEDEN
	</div>
</div>

Jag är inte begränsad till endast HTML utan kan även använda PHP.

Bilderna är i orginalutförande max (och nästan alltid) 400px breda.

Andreas

[melin]

ok.. felet torde ligga i att det inte finns någon höjd angiven någonstans..

height: 80%; - 80% av vad?

width: 80%; - blir 80% av 319px (339 minus 2x10 (padding))

du borde kunna strunta i height helt och hållet då webläsaren själv kommer anpassa höjden på bilden för att passa in proportioneligt

[fabian]

Varför inte använda imagemagic och resiza dom när dom laddas?

[Andreas]

Tog bort height från stylen som verkar ha fungerat mkt bra.

Tack!

Andreas