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
Linear Mode
