BUG: Images That Are Placed Inside a Table Warp in Design View (194001)

SYMPTOMS

Images placed in a single row in a table on an HTML page appear on the same row in Quick View but sometimes appear warped or shifted to the next row in Design View.

CAUSE

This behavior occurs when the total width of the table is equal to or less than the combined width of the individual images including the horizontal spacing between the images.

RESOLUTION

The difference between the total width of the table in pixels and the combined width of the images and the horizontal spacing between them in pixels should be at least two.

For example, the following scenario causes the third image to shift or warp in Design View:

         Width of a table on HTML page                  = 224 pixels

         Total Width of three images placed in the
         table in a single row (70+74+80)               = 224 pixels

The following scenario solves the problem:

         Width of a table on HTML page                  = 224 pixels

         Total Width of three images placed in the
         table in a single row (70+74+78)               = 222 pixels

MORE INFORMATION

Steps to Reproduce Behavior

Cut and paste the following code into a new HTML page:

   <HTML>
   <HEAD>
   <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
   <title>70+74+80=224</title>
   </HEAD>
   <BODY>

   <TABLE bgcolor=yellow height=76 width=224 cellPadding=0 cellSpacing=0
   id=tbl2>
       <TR>
           <TD><IMG border=0 height=76 src="4.gif" width=70><IMG border=0
   height=76 src="5.gif" hspace=0 width=74><IMG border=0 height=76
   src="6.gif" hspace=0 width=80></TD></TR>
   </TABLE>

   </BODY>
   </HTML>