HTML Rendering Problem - Table Layout with COLSPAN - problem in IE 7 (Vista and XP)

#1 (**permalink**) 11-25-2007, 05:35 PM

Internet Explorer does not correctly layout tables with the COLSPAN
attribute when cells in the table contain input boxes and they have values
set that are wider than the first column they are under - despite having the
COLSPAN attribute sent.

I actually noticed this problem developing ASP.NET 2, but have distilled out
the resultant generated HTML to confirm it is a HTML rendering problem. An
example of this issue can be illustrated by the following HTML (this HTML
works fine in Mozilla 2)

Without any data the HTML renders fine....

<html>
<body style="margin:0px;border0px;">
<table width="100%">
<tr>
<td style="width: 35%;"><LABEL>Flat
Number:</LABEL></td>
<td colspan="3" style="padding-right:4px;"><INPUT
id="txtSubBuildingName" style="Width:100%;"/></td>
</tr>
<tr>
<td style="width:
35%;"class="fieldname"><LABEL>House Number:</LABEL></td>
<td style="width: 40px;"><INPUT
id="txtBuildingNumber" style="Width:100%;"/></td>
<td style="width: 50px; text-align: right;"
class="fieldname"><LABEL>Name:</LABEL></td>
<td style="padding-right:4px;"><INPUT
id="txtBuildingName" style="Width:100%;"/></td>
</tr>
<tr>
<td style="width: 35%;"><LABEL>Street:</LABEL></td>
<td colspan="3" style="padding-right:4px;"><INPUT
id="txtStreet" style="Width:100%;"/></td>
</tr>
</table>
</body>
</html>

With data however it doesn't render as expected....

<html>
<body style="margin:0px;border0px;">
<table width="100%">
<tr>
<td style="width: 35%;"><LABEL>Flat
Number:</LABEL></td>
<td colspan="3" style="padding-right:4px;"><INPUT
id="txtSubBuildingName" style="Width:100%;"/></td>
</tr>
<tr>
<td style="width:
35%;"class="fieldname"><LABEL>House Number:</LABEL></td>
<td style="width: 40px;"><INPUT
id="txtBuildingNumber" style="Width:100%;"/></td>
<td style="width: 50px; text-align: right;"
class="fieldname"><LABEL>Name:</LABEL></td>
<td style="padding-right:4px;"><INPUT
id="txtBuildingName" style="Width:100%;"/></td>
</tr>
<tr>
<td style="width: 35%;"><LABEL>Street:</LABEL></td>
<td colspan="3" style="padding-right:4px;"><INPUT
id="txtStreet" style="Width:100%;" value="wwwwwwww wwwwww wwwwwwww
wwwwwww"/></td>
</tr>
</table>
</body>
</html>

Can someone from Microsoft confirm this is a bug and put in on the list for
a future service pack

Kind Regards
Mike Sloan

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Word 2007 table cell property problem in Vista	Dick De Vries	Windows Vista	1	05-09-2008 07:40 PM
IE6/7 Bug in rendering table header when displayed in scrolled DIV	Erik van Barneveld	Internet Explorer	0	06-26-2007 01:41 AM
Keyboard Layout Problem	ehouli@gmail.com	Windows Vista	3	02-20-2007 06:30 PM
Keyboard Layout Problem	ehouli@gmail.com	Windows Vista	0	02-20-2007 12:01 PM
Reading Layout Still a Problem	Andrea	Microsoft Office	13	01-15-2007 11:30 AM