Thread

A jpg inserted into an entry displays inccorectly in IE. It is the correct width, but only a pixel or so in height, so it looks like a horizontal line. If I paste the jpg’s url into IE, the image displays correctly (no longer in my EE template). It also displays correctly if I remove the style tag that wraps the text.

The jpg displays correctly in Firefox.

This is the html from the entry:

img src=“https://ellislab.com/asset/images/pronet-logo/06-07-23_lilies-009-350.jpg” class=“img” width=“350” height=“342” /

This is the css:

.img {
float: left;
padding: 0 5px 4px 0;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
}

(I had a similar problem with member photos displaying only as one-pixel wide lines in IE. For that problem, I could get IE to display the photos correctly if I removed the width and height information from the html, but that doesn’t work with this problem).

Any insights would be greatly appreciated.

[Moderator Edit: Moved to HTML help forum]

Try using margin instead of padding.

If the image is within div or span tags it disappears in IE, even if the div class only says float=left.

It displays perfectly in Firefox.