Forum Moderators: open
What is happening is that the top image (top_main.jpg) is being displayed -1 pixel in its height. Thus, its 127 pixels tall - IE5.5 shows it as 126 on screen though it remains listed as 127. However, it only does it some of the time (around 80%)and if the image is selected or right clicked, it fills in the last line.
This only happens on IE 5.5, all other major browsers display it perfectly...
Here is the severly stripped code that still replacates it-
<body background="images/square.jpg">
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0" background="images/gradient.jpg">
<tr>
<td><img src="images/top_main.jpg"></td>
</tr>
<tr>
<td>
<table width="700" height="288" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"></td>
<td width="317"></td>
<td width="373"><img src="images/mid_main.jpg"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
I stripped a test page down to its most basic elements and its still doing it. Its either something simple that I am doing wrong or a bug in IE 5.5 that I am not aware of.
Please help! I have no idea why this is happening.
<td><img src="images/top_main.jpg" width="700" height="127" alt=" "></td>
I have tried designating implicitly the table, the image, etc. etc but it still does it. I even tried an preload script for the image, one that comes with Dreamweaver, and it still shows the glitch. However, when you mouse over it goes away. Still driving me nuts!
I have a link to the test page, <sorry, no personal URLs>
[edited by: tedster at 3:00 pm (utc) on June 8, 2003]
body{
top:0;
left:0;
margin:0;
padding:0;
}
Here is the Microsoft Knowledge Base Article on it.
Internet Explorer 5.5 Adds Scan Lines Between JPEG Images
The information in this article applies to:
Microsoft Internet Explorer 5.5 for Windows NT 4.0
Microsoft Internet Explorer 5.5 for Windows 98 Second Edition
Microsoft Internet Explorer 5.5 for Windows 2000
This article was previously published under Q277571
SYMPTOMS
If JPEG images are tiled horizontally, Internet Explorer 5.5 may add an additional scan line between the images that matches the background color in Internet Explorer. This occurs only during the download of images from a site. If the images are cached or are on the hard disk, this problem does not occur. The problem does not occur with .gif images.
WORKAROUND
This problem does not occur with .gif files. If possible, use .gif files as a workaround.
NOTE: If the jpg images are pre-loaded using jScript, the extra scan lines may disappear after the page finishes downloading.
STATUS
Microsoft has confirmed that this is a problem in the Microsoft products that are listed at the beginning of this article.
Last Reviewed: 10/1/2002
Keywords: kbdisplay kbprb KB277571
Can you convert your images to gif? Don't be stopped by the old "rule of thumb" about photographs needing to be jpeg. Sometimes you can do a great job with gif as long as the palette isn't too wide.
If youcan get your hands on ImageReady, play around a bit - especially with using an alpha channel to "weight" the color table toward sensitive areas.
I think this will work (to preload the images - not sure if it will really fix the problem)
put it in the head.
If they are going to that page from another page - you can load 'em on that other page.
But I would do wwhat tedster tried first.
I had a problem like this once - and it took me like 12 hours and 40 nested table idea later to fix it.
Chris_R, That javascript will work - on subsequent viewings. However, the first appearance will still be glitched. Useful little script that I know I will use a bunch in the future.
Here is the work around
Its so simple that I can not believe that I did not think of it till this morning.
What I did was set the "top_main.jpg" to display as a background and placed a spacer gif above it stretched to the right proportions. Then set my image map and everything to the invisible gif. This works because the two jpgs are no longer touching, which seems to be the cause though MS does not state. Simple, eh?
One thing to remember is that you can not have another background that is jpg or it will still show the scan line, so remember to convert your jpgs on that "level" to gif. This is the reason why I tried it before and it did not work.
But, whew - thank god thats over with. :) Thanks for your help guys - it lead me in the right areas as well as the search feature here.
Hippie
