Knowledge Base

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

Article ID: 194001

Article Last Modified on 3/16/2005

Microsoft Visual InterDev 6.0 Standard Edition

This article was previously published under Q194001

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

STATUS

Microsoft has confirmed this to be a bug in the Microsoft products listed at the beginning of this article.

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>

Keywords: kbbug kbscript kbide kbcode KB194001