Missing Table cell

[India777]

Hai all,
I have a table in HTML. My table Rendered in browser like the below. But in IE browser only cause this Problem.

<td> <td> <td> <td>
<td> miss <td> <td> <td> --> Missing Cell at 2nd position and rendered at End
<td> <td> <td> <td>
<td> <td> miss <td> <td> --> Missing Cell at 3rd position and rendered at End
<td> <td> <td> <td>

How can i handle this? What is the Reason for this type of Problem?

[Dormilich]

what does the HTML source code look like?

[India777]

I am using Asp.net techniques for Binding data in the table.

My Html Code for table is below

<table cellpadding="0" cellspacing="0" id="ttt">
	<tr>
		<td rowspan="2" style="border-bottom: solid 1px silver;">&nbsp;
			</td>
		<td rowspan="2" style="border-bottom: solid 1px silver;">
			<b>Theme</b>
		</td>
		<td rowspan="2" style="border-bottom: solid 1px silver;">&nbsp;
		</td>
		<td style="border-bottom: solid 1px silver;">
			Prefix List</td>
		<td style="border-bottom: solid 1px silver;">
			Field 1</td>
		<td style="border-bottom: solid 1px silver;">
			Field 2</td>
		<td style="border-bottom: solid 1px silver;">
			Field 3</td>
		<td style="border-bottom: solid 1px silver;">
			Field 4</td>
	</tr>
	<tr>
		<td style="border-bottom: solid 1px silver;">
			Category List</td>
		<td style="border-bottom: solid 1px silver;">
			Field 5</td>
		<td style="border-bottom: solid 1px silver;">
			Field 6</td>
		<td style="border-bottom: solid 1px silver;">
			Field 7</td>
		<td style="border-bottom: solid 1px silver;">
			&nbsp;</td>
	</tr>
	<tr class="<%# binding_ThemeRow %>">
		<td rowspan="2" valign="top">
			<asp:Panel ID="Panel1" runat="Server" OnDataBinding="binding_SessionTemplateThemes_OnColorBinding" style="width: 20px; height: 12px; border: solid 1px silver; text-align: center;" />
		</td>
		<td rowspan="2" style="white-space: nowrap;" valign="top">
			<asp:Label runat="server" ID="lblSessionTemplateThemeName" Text="<%# binding_SessionTemplateThemes_Name %>" /></td>
		<td rowspan="2" valign="top">
			:&nbsp;</td>
		<td valign="top">
			<asp:Label runat="server" ID="Label5" Text="<%# binding_SessionTemplateThemes_PrefixList %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label11" Text="<%# binding_SessionTemplateThemes_Field1 %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label12" Text="<%# binding_SessionTemplateThemes_Field2 %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label13" Text="<%# binding_SessionTemplateThemes_Field3 %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label18" Text="<%# binding_SessionTemplateThemes_Field4 %>" /></td>
	</tr>
	<tr class="<%# binding_ThemeRow2 %>">
		<td valign="top">
			<asp:Label runat="server" ID="Label6" Text="<%# binding_SessionTemplateThemes_CategoryList %>" /></td>                                            
		<td valign="top">
			<asp:Label runat="server" ID="Label14" Text="<%# binding_SessionTemplateThemes_Field5 %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label15" Text="<%# binding_SessionTemplateThemes_Field6 %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label16" Text="<%# binding_SessionTemplateThemes_Field7 %>" /></td>
		<td valign="top">&nbsp;</td>
	</tr>
</table>

[Dormilich]

well, the browser is rendering your table correctly. the "missing" table cells are caused by the rowspans you inserted.

[India777]

Ohhhhhh........ ! Thank You. Please could you say,how can i handle this?

[Dormilich]

remove the rowspans?

[India777]

It couldnot fixed After Removing rowspans also.

[Dormilich]

then post the "fixed" code. maybe there’s something different this time.

[India777]

Below is my fixed code

<table cellpadding="0" cellspacing="0" id="ttt">
	<tr>
		<td style="border-bottom: solid 1px silver;">&nbsp;
			</td>
		<td style="border-bottom: solid 1px silver;">
			<b>Theme</b>
		</td>
		<td style="border-bottom: solid 1px silver;">&nbsp;
		</td>
		<td style="border-bottom: solid 1px silver;">
			Prefix List</td>
		<td style="border-bottom: solid 1px silver;">
			Field 1</td>
		<td style="border-bottom: solid 1px silver;">
			Field 2</td>
		<td style="border-bottom: solid 1px silver;">
			Field 3</td>
		<td style="border-bottom: solid 1px silver;">
			Field 4</td>
	</tr>
	<tr>
		<td valign="top">&nbsp;</td>
		<td valign="top">&nbsp;</td>
		<td valign="top">&nbsp;</td>
		<td style="border-bottom: solid 1px silver;">
			Category List</td>
		<td style="border-bottom: solid 1px silver;">
			Field 5</td>
		<td style="border-bottom: solid 1px silver;">
			Field 6</td>
		<td style="border-bottom: solid 1px silver;">
			Field 7</td>
		<td style="border-bottom: solid 1px silver;">
			&nbsp;</td>
	</tr>
	<tr class="<%# binding_ThemeRow %>">
		<td valign="top">
			<asp:Panel ID="Panel1" runat="Server" OnDataBinding="binding_SessionTemplateThemes_OnColorBinding" style="width: 20px; height: 12px; border: solid 1px silver; text-align: center;" />
		</td>
		<td style="white-space: nowrap;" valign="top">
			<asp:Label runat="server" ID="lblSessionTemplateThemeName" Text="<%# binding_SessionTemplateThemes_Name %>" /></td>
		<td valign="top">
			:&nbsp;</td>
		<td valign="top">
			<asp:Label runat="server" ID="Label5" Text="<%# binding_SessionTemplateThemes_PrefixList %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label11" Text="<%# binding_SessionTemplateThemes_Field1 %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label12" Text="<%# binding_SessionTemplateThemes_Field2 %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label13" Text="<%# binding_SessionTemplateThemes_Field3 %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label18" Text="<%# binding_SessionTemplateThemes_Field4 %>" /></td>
	</tr>
	<tr class="<%# binding_ThemeRow2 %>">
	    <td valign="top">&nbsp;</td>
		<td valign="top">&nbsp;</td>
		<td valign="top">&nbsp;</td>
		<td valign="top">
			<asp:Label runat="server" ID="Label6" Text="<%# binding_SessionTemplateThemes_CategoryList %>" /></td>                                            
		<td valign="top">
			<asp:Label runat="server" ID="Label14" Text="<%# binding_SessionTemplateThemes_Field5 %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label15" Text="<%# binding_SessionTemplateThemes_Field6 %>" /></td>
		<td valign="top">
			<asp:Label runat="server" ID="Label16" Text="<%# binding_SessionTemplateThemes_Field7 %>" /></td>
		<td valign="top">&nbsp;</td>
	</tr>
</table>

[Dormilich]

well, I don’t see any irregularities in the table build-up.

[India777]

yes i am also. But i don't know, why in IE9 the table cells rendered like wrongly???????? ???

[Dormilich]

me neither, but it’s IE, after all.