Download & Extend

Images not showing in Internet Explorer

Project:Embedded Media Field
Version:6.x-1.2
Component:Code
Category:bug report
Priority:critical
Assigned:aaron
Status:active

Issue Summary

In IE only one line of embedded images is displayed. See for instance:

http://surfspot.dk
http://forsker.net

In Firefox all works well.

This is true both for photobucket and flickr embeds.

Comments

#1

I have the same problem. I discovered the problem but I cannot find where in the module the image html tag is generated.

<img src="xxxxxxx" alt="aaa" title="aaa"  width="100" height="" />

The problem is that the emfield module doesn't generate a height attribute properly. Firefox, Opera and Safari are smart enough to do their own math and calculate a proper height. Internet Explorer is dummer, of course, and takes the empty height attribute literally: zero height. This is why in Internet Explorer the image actually appears as a thin line with the proper width.
Hopefully someone has an idea where the HTML tag is generated and/or how it can be overridden.

Thanks!

#2

working on that, thanks for finding the bug

#3

Assigned to:Anonymous» aaron

#4

Status:active» fixed

fixed

#5

Status:fixed» closed (fixed)

#6

Version:5.x-1.x-dev» 6.x-1.2
Status:closed (fixed)» active

It's back again in stable.

Entering nothing generates the height="" attribute wich makes IE barf.
Entering "0" as described in the form tips breaks FF as well, as this actually generates height="0". But on the other hand I don't it's logical to enter "0" to have it render proportionally, the empty field is better, but I think maybe the interface needs to be reconsidered entirely.

Expected behaviour when the field is left empty (or "0" i guess) is to not render the corresponding widht/height attribute at all.

See also #500538: Photos does not show in IE when height is blank or zero

@aaron This probably has something to do with your recent fix for #383274: Preserve image's aspect ratio when width AND height defined

#7

New discovery: Using thumbnail + lightbox as the widget works in both FF and IE if you set height to "0", but not empty.

#8

Same issue here. Subscribing. I'll try the lightbox solution as well.