I have create an email HTML template using some online website. I modified this template to fit my needs by adding some placeholders, altering some added columns, and rows, repeating some elements…etc. so that later in my application, I replace these placeholders with the proper values and then I send it.

Testing the HTML code, or the filled template HTML looks neat and fine in the browser, however, when sending the HTML content via an email and opening it through outlook, everything looks different!

The columns width seems to be auto for some reason and not taking my specified widths. I have no clue why this is happening, I tried setting min-width properties almost everywhere, but it seems that it is being ignored

I don’t know how to debug this through outlook, I don’t know what to do other than taking the email source and paste it to some htm page, then running in on the browser, which then looks fine there.

My template html text can be found in the below Dropbox link

Dropbox – text File – HTML Template text

How it looks in outlook:

How it looks in the browser [this is the template not filled, but same concept and behaviour]:

Any tips, any advise, what I am doing wrong