172723 - table cell displaced on load or shift/reload; cell shifts to the left on reload

Status: RESOLVED DUPLICATE of bug 156731

(Core :: Layout: Tables, defect)

Description

[Christine Hoffman]

Go to url or load the testcase attached (in a zip file - HTML doc and 3 images).

On the page are two tables. The first table is for comparison purposes (includes
an image that shows the top of the model's hair). The second table has two
cells. The first cell has a nested table and the second cell has a flash (the
rest of the model's image).

When the page loads, or on shift/reload, the second cell (with the flash) is
shifted to the right so that the top of the model's hair (in the first table) is
displaced from the cell with the rest of the model's image. When the page is
reloaded, the cell with the flash shifts back to the left to bring the model
image in line.

I think the problem has something to do with the six 1x1 images and the colspan
attribute in the nested table. I don't think it is a flash problem I could
reproduce the 'shift' problem without it. However, I am including it in the
simplified testcase in order to see the image displacement.

Comment 1

[Christine Hoffman]

Tested with 9_27_08_trunk build on Win2000

Comment 2

[Christine Hoffman]

Attachment: zip file with html doc and three images

Comment 3

[Eric A. Meyer (dead account)]

The testcase renders consistently for me in IE5.5/Win and Gecko.  I edited the
'iVillage.com' area to be five pixels more narrow, like this:

<td width="155">
	<table width="155" cellspacing="0" cellpadding="0" border="0">
	<tbody>
	<tr valign="top">
	<td width="1"><img src="t_003.gif" width="1" height="1"></td>
	<td><img src="t_003.gif" width="7" height="1"></td>
	<td><img src="t_003.gif" width="13" height="1"></td>
	<td><img src="t_003.gif" width="127" height="1"></td>
	<td><img src="t_003.gif" width="5" height="1"></td>
	<td><img src="t_003.gif" width="1" height="1"></td>
	</tr>

...and the Flash and top image appeared to line up in both browsers.  (I may be
a pixel or two off; it was hard to be sure.)  I checked cosmopolitan.com and its
layout was slightly off in IE5.5/Win as well.  This would appear to be an error
in the site authoring, not the browsers.  Unless I'm way off, this bug should be
moved over to Tech Evangelism.

Comment 4

[Christine Hoffman]

Eric - there is some small difference when the page is reloaded. But on
shift/reload, there is a big gap (estimating 15 pixels). Are you seeing the big
gap? Sometimes I had to shift/reload several times to get it.

Comment 5

[Christine Hoffman]

I changed the page with Eric's modified widths and now Netscape syncs up with IE
and there is no 'shifting' in Netscape. However, now I'm getting the 15 pixel
gap for both Netscape and IE (which then is a matter of evangelizing as Eric
said).  

The question remains the difference between Netscape and IE given the original
widths - is that a bug? Otherwise, the whole thing can be evangelized.

Comment 6

[Jerry]

I think this is dup of 156731.



*** This bug has been marked as a duplicate of 156731 ***

Comment 7

[Christine Hoffman]

Jerry - how is this a duplicate of 156731 - as I indicated in the bug, I can
reproduce this without image/flash - the dup bug looks like it's an image issue.
At any rate, Eric is going to contact the customer to modify their code.