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 Windows Classic Outlook for Windows For business

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. simo-k 10,415 Reputation points Volunteer 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.