User-244351536 posted
I am trying to display the following HTML in IE6 mobile:
<html>
<body>
<table border="0" width="100%">
<tr>
<td>
<font size="+1"><b>Column1</b></font></td>
<td>
<font size="+1"><b>Column2</b></font></td>
<td>
<font size="+1"><b>Column3</b></font></td>
<td>
<font size="+1"><b>Column4</b></font></td>
</tr>
<tr>
<td colspan="5" bgcolor="#000000">
</td>
</tr>
<tr>
<td>
Row 1.1</td>
<td>
Row 1.2</td>
<td>
Row 1.3</td>
<td>
Row 1.4</td>
</tr>
<tr>
<td>
Row 2.1</td>
<td>
Row 2.2</td>
<td>
Row 2.3</td>
<td>
Row 2.4</td>
</tr>
<tr>
<td>
Row 3.1</td>
<td>
Row 3.2</td>
<td>
Row 3.3</td>
<td>
Row 3.4</td>
</tr>
<tr>
<td colspan="5" bgcolor="#000000">
</td>
</tr>
</table>
</body>
</html>
In IE5 Mobile renders the html as the expected table, however IE6 is renders it like so:
Column1
Column2
Column3
Column4
Row1.1
Row1.2
Row1.3
Row1.4
Row2.1
Row2.2
Row2.3
Row2.4
Row3.1
Row3.2
Row3.3
Row3.4
I have tried using multiple emulators and real devices for both IE5 and IE6 and the results are consistent. What do I need to do to get IE6 to render tables?
Thanks!