I just posted a simple solution to this problem in a thread here:
In your case all you need to do is set the
<td style="width: ##"> value for each data cell in the table. You don't need to bother setting the width for the table or the table-rows.
For a copy of the full solution from the link provided, please see below:
- Description -
In the e-mail signature preview window for Outlook 2013 and Outlook 2016, HTML and Rich-Text Format (.rtf) signatures containing tables can appear squashed into a stretched, narrow column in the left of the window, leaving the rest of the preview window empty.
- Cause -
The problem occurs in Outlook 2013 & 2016, when you have a table in your signature and you have not set the 'width' property for the table's individual cells. The previewer in the newer versions of Outlook defaults to a small width (about 10 or 20 pixels) for table cells that do not have the 'width' attribute set.
As the older versions of Outlook did not exhibit this problem, it is likely they defaulted table cells to 100% width in the preview window, when no 'width' property was set. Signature files created in the older versions of Outlook, with no 'width' attribute still exhibit the preview problem in the newer versions. This confirms the problem lies with the preview component.
- Solution -
You simply need to make sure every table cell has a 'width' attribute set.
Fixing Rich-Text Format (.rtf) signature tables
If you have copied & pasted your signature from a Word document then this is the easiest way to fix it.
- Open the Word document containing the signature table. You can make it easier to see the table layout by clicking on the table, select the 'Layout' tab at the top, then choose 'View Gridlines' from the 'Table' group.
- Highlight all the table cells then right-click on them, or edit each cell individually if you prefer.
- Select 'Table Properties...' choose the 'Cell' tab and set 'Preferred Width' to a specific percentage or size.
- Click 'Ok' to apply the changes. Now copy the fixed signature table into Outlook.
Note that the signature table will always appear correctly as soon as you paste it in, even with no 'width' attributes set. You must close the signature window then re-open it to confirm you have resolved the issue successfully.
Fixing HTML signature tables
If you have created your table using HTML tags, all the
<td> tags require a width attribute, using either the percentage or pixel width, as in the HTML5 compliant example below:
<td style="width: 100%">table cell 100 percent wide</td>
<td style="width: 150px">table cell 150 pixels wide</td>
Note that the
<tr> tags do not require a width to be set to resolve this issue.
Once this is saved make sure you re-open the signature window to check your code changes have worked.