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

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

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

Feeden ligger i två divar:

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

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

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

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

Tack!

Andreas