Hello
The following HTML code looks very different when loaded in the RichTextBox compared to the Broswer version.
Check the attached images.
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Listagem Módulos Montados</title>
</head>
<body>
<table align="center" border="0">
<thead id="HEADER">
<tr>
<td align="middle">
<table width="630" border="0">
<tbody>
<tr>
<td style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #808080; PADDING-TOP: 20px; FONT-FAMILY: Arial" width="400">Data:
12/01/2016<span style="MARGIN: 0px; WIDTH: 10px"></span> Hora:
11:29:02</td>
<td style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #808080; PADDING-TOP: 20px; FONT-FAMILY: Arial" align="right">Listagem
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</thead>
<tbody>
<tr id="CUSTOMERDATA">
<td valign="top">
<table style="BORDER-RIGHT: #818181 1px solid; BORDER-TOP: #818181 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #818181 1px solid; BORDER-BOTTOM: #818181 1px solid; FONT-FAMILY: Tahoma; BORDER-COLLAPSE: collapse" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; COLOR: #808080; PADDING-TOP: 5px; BORDER-BOTTOM: #818181 1px solid" bgcolor="#eeeeee"><b>Dados do cliente:
</b></td>
</tr>
<tr>
<td style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-TOP: 5px" width="592" height="22">
<table cellspacing="5" cellpadding="2" width="100%" border="0">
<tbody>
<tr>
<td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Nome:
</span></b></td>
<td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">CPF:
</span></b></td>
</tr>
<tr>
<td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Endereço:
</span></b></td>
<td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">CEP:
</span></b></td>
</tr>
<tr>
<td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Bairro:
</span></b></td>
<td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">UF:
</span></b></td>
</tr>
<tr>
<td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">End. Entrega:
</span></b></td>
<td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Cidade:
</span></b></td>
</tr>
<tr>
<td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Telefone:
</span></b></td>
<td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Celular:
</span></b></td>
</tr>
<tr>
<td style="FONT-SIZE: 10px" colspan="2"><b><span style="COLOR: #535353">E-mail:
</span></b></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr id="BODY" templatetext="Módulos montados por categoria">
<td valign="top"></td>
</tr>
<tr id="OBSERVATIONS">
<td valign="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="color:#818181;line-height:20px;padding:5px;font-size:10px;font-family:Arial;" valign="top" class="textoorc"><b><span style="color:#808080">Observações:</span></b><br></td>
</tr>
</table>
</td>
</tr>
</tbody>
<tfoot id="FOOTER">
<tr>
<td align="middle"><br><br><b><span style="COLOR: #535353">Razão social:
</span></b><span style="MARGIN: 0px; WIDTH: 5px"></span><span style="MARGIN: 0px; WIDTH: 10px"></span>|
<span style="MARGIN: 0px; WIDTH: 10px"></span><b><span style="COLOR: #535353">Endereço:
</span></b><span style="MARGIN: 0px; WIDTH: 5px"></span><span style="MARGIN: 0px; WIDTH: 10px"></span> |
<span style="MARGIN: 0px; WIDTH: 10px"></span><b><span style="COLOR: #535353">Telefone:
</span></b><span style="MARGIN: 0px; WIDTH: 5px"></span></td>
</tr>
<tr>
<td align="middle"> Todos os direitos reservados
</td>
</tr>
</tfoot>
</table>
</body>
</html>
3 Answers, 1 is accepted
Rank 1
I have noticed that in the provided HTML there are some incorrect alignment values. I have in mind the align="middle" and valign="center". The two values are switched as "middle" is an invalid value for and valid for .
Nevertheless, the alignment of the content in the nested tables is not correct after setting the valid alignment values. The reason behind this problem is that each nested table is inheriting the alignment from its parent table. I have logged new bug report item into our feedback portal. Here is a link: Nested tables should not inherit alignment from its parent table or table cell if you would like to subscribe for status changes.
Regards,
Mihail
Telerik
Rank 1
Hi Mihail
I've subscribed to the bug report, thank you for your reply.