Link to home
Start Free TrialLog in
Avatar of Göran Andersson
Göran AnderssonFlag for Sweden

asked on

IE image display bug

I have a site (http://www.gufffa.com/) with a photo database. The photos are shown as thumbnails. Below the thumbnails are icons for different size images, e.g. "S", "M" and "L" for small, medum and large images.

When you click on the icon, a javascript opens a popup window with a page that shows the image. The popup window is sized exactly to hold the image.

The problem occurs in Internet Explorer: when the image is shown in the popup window, the bottom-most pixel line of the image is not drawn, so there is a one pixel high white line at the bottom of the window.

If you move the window so the bottom of it is outside the screen, then in again, you will se that it's redrawn correctly, and the image fills the window exactly.

(In Netscape, the images is drawn correctly.)

Do you know a way to make IE draw the entire image correctly when the page is loaded?
Avatar of b1xml2
b1xml2
Flag of Australia image

can't see the site from where I am.
I can see the site now, and I do not encounter the problem you are describing. What MSIE Version are you using? Is this a problem experienced by others?
> Is this a problem experienced by others?

Yes, I am familiar with this problem, but so far I did not try to fight it, since this is definitely a browser bug, not my fault. I would also like to know some workaround if any exists.

I have the same thing happening on http://www.politics.lviv.ua/ The top picture http://www.politics.lviv.ua/images/header01.jpg is not showing properly. Just as GreenGhost described, the problem appears with the last row of pixels and dissapears occasionally after resizing the window, reload, moving the window or changing the focus into another window and back. In my case this gives a 2px white horizontal line instead of the one of 1px height (right below this top picture).

I experience this on IE5.0 and IE5.5
I don't have IE6.0 to check.
I see no problem with your site too leveret. But then again I am using MSIE 6.0 and I take your word that it is a problem with MSIE 5.x. I will check your sites out with MSIE 5.5 when I lay me hands on it in 9 hours time.
b1xml2,
Yes, people say it's IE5.5 bug only.
(I am probably wrong about IE5.0)
Avatar of Göran Andersson

ASKER

Oooooops... a typo... the correct address is http://www.guffa.com/

Yes, I experience this only in IE 5.5. I have also tried on two computers with IE 6.0, two with IE 5.0 and one with IE 4.75, and they do not show this bug.

Good, now I know that it actually is a bug, and where it occurs.

Anyone got any idea on how to cheat IE 5.5 into displaying the image correctly?
yep. I see that 1 pixel high white line on MSIE 5.5
ASKER CERTIFIED SOLUTION
Avatar of Marianne
Marianne
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
b1xml2,

If you are still interested, you may try Ctrl+F5 or just F5 to see the problem. Some people say it only appears in this case in their IE5.5 and never after the very first loading. Personally I experience it pretty often right after the first loading as well.
b1xml2,

If you are still interested, you may try Ctrl+F5 or just F5 to see the problem. Some people say it only appears in this case in their IE5.5 and never after the very first loading. Personally I experience it pretty often right after the first loading as well.
Nice, that really seems to work. :)

I have now tested it in IE 5.5, and also checked so that it doesn't cause any problems in Netscape 4 or 6.

(I've installed IE 5.5 in a VMWare session fo Windows 98, but that didn't show up the bug. I had to wait until I got home to test it.)

I agree with your observation about image size. I have a page that shows thumbnails, and there is never any problem there. It was only the large images that showed the bug.
GreenGhost,

> Nice, that really seems to work. :)

Glad for you! :)~
Avatar of dboeke
dboeke

The onload visibility javascript did not help me when I came across this problem, However I found a Microsoft knowlege base bug report about this issue that suggests changing the image from jpeg to gif in order to workaround the issue. Changing the image type worked for me:

<http://support.microsoft.com/default.aspx?scid=KB;EN-US;Q277571>
dboeke,

Pretty strange, that it didn't help.

This bug doesn't affect gif images. However it is far not always possible to use gif instead of jpg for good results.