Share via

HTML rendering issue in Outlook

Chandran, Saravanan 0 Reputation points
2025-04-22T06:05:05.2433333+00:00

When we are creating the HTML table and sending the mail via outlook client the table rendering is not as expected but the same mail  is correctly rendered in web browser

giving the sample TD using in the code

<html>

<table style='border: 1px solid black; border-collapse: collapse;'><tr>

<th style='border: 1px solid black; text-align: center; padding: 10px width: fit-content; white-space: nowrap;'><p class='MsoNormal'><b><span style='color:black'><strong> Country </strong><o:p></o:p></span></b></p></th></tr>

<tr style= 'background-color: white; '>

<td style='border: 1px solid black; text-align: center; padding: 10px; width: fit-content; white-space: nowrap;'><p class='MsoNormal' style='margin: 0;'><span style='color:black; text-align: center; padding: 0; white-space: nowrap;'> Country<o:p></o:p></span></p></tr>

</table>

</html>

Outlook Management
Outlook Management
Outlook: A family of Microsoft email and calendar products.Management: The act or process of organizing, handling, directing or controlling something.
5,947 questions

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. simo-k 9,085 Reputation points Moderator
    2025-04-22T06:17:21.97+00:00

    Classic Outlook's email editing engine is Word.
    Please create a table that Word Editor can interpret, not an html source.
    (If you create the text using Word Editor, I think it will display correctly in both classic Outlook and browsers.
    However, some layout disruptions may occur. )

    <Japanese>
    クラシックOutlookのメール編集エンジンはWordです。
    htmlソースではなく、Word Editorが解釈出来るテーブルを作成して下さい。
    (Word Editorで本文を作成すれば、クラシックOutlook・ブラウザとも正常に表示されると思います。
    但し、多少のレイアウト崩れなどは発生します。 )

    0 comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.