Hello,

I'm having issues figuring out what is wrong with my HTML that is making it render weird in Windows Outlook, Gmail Firefox osx 10 & windows 7, etc.

Can someone help?


  <html>

    <head>

      <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
      <meta content="width=device-width, initial-scale=1.0 " name="viewport"/>
      <meta content="telephone=no" name="format-detection"/>
      <style type="text/css">
        body {
          -webkit-text-size-adjust: 100% !important;
          -ms-text-size-adjust: 100% !important;
          -webkit-font-smoothing: antialiased !important;
          margin: 0 !important;
          padding: 0 !important
        }
        img {
          border: 0 !important;
          outline: none !important;
        }
        p {
          Margin: 0px !important;
          Padding: 0px !important;
        }
        table {
          border-collapse: collapse;
          mso-table-lspace: 0px;
          mso-table-rspace: 0px;
        }
        td, a, t span {
          border-collapse: collapse;
          mso-line-height-rule: exactly;
          text-decoration: none;
        }
        .ExternalClass * {
          line-height: 100%;
        }
        span.MsoHyperlink {
          mso-style-priority: 99;
          color: inherit;
        }
        span.MsoHyperlinkFollowed {
          mso-style-priority: 99;
          color: inherit;
        }
        .em_address a {
          color: #2a2d6e;
          text-decoration: none;
        }
        a {
          text-decoration: none !important;
        }
        .gmailfix {
          display: none;
          display: none!important;
        }





        /*Stylesheed for the devices width between 481px to 599px*/
        @media only screen and (min-width:481px) and (max-width:599px) {
          table[class=em_main_table] {
            width: 100% !important;
          }
          table[class=em_wrapper] {
            width: 100% !important;
          }
          td[class=em_hide], table[class=em_hide], span[class=em_hide], br[class=em_hide] {
            display: none !important;
          }
          img[class=em_full_img] {
            width: 100% !important;
            height: auto !important;
          }
          td[class=em_center] {
            text-align: center !important;
          }
          td[class=em_side] {
            width: 15px !important;
          }
          td[class=em_height] {
            height: 20px !important;
          }
          td[class=em_auto] {
            height: auto !important;
          }

        }

        /*Stylesheed for the devices width between 0px to 480px*/
        @media only screen and (max-width:480px) {
          table[class=em_main_table] {
            width: 100% !important;
            margin: 10px !important;
          }
          table[class=em_wrapper] {
            width: 100% !important;
          }
          td[class=em_hide], table[class=em_hide], span[class=em_hide], br[class=em_hide] {
            display: none !important;
          }
          img[class=em_full_img] {
            width: 100% !important;
            height: auto !important;

          }
          img[class=em_half_img] {
            width: 260px !important;
            height: 385px !important;
          }
          img[class=em_kids_img] {
            width: 170px !important;
            height: auto !important;
          }
          td[class=em_center] {
            text-align: center !important;
          }
          td[class=em_side] {
            width: 15px !important;
          }
          td[class=em_height] {
            height: 20px !important;
          }
          td[class=em_auto] {
            height: auto !important;
          }
          .em_txt1 {
            font-size: 30px !important;
            width:100% !important;
            padding-top: 10px !important;
          }
          .em_txt2 {
            font-size: 45px !important;


          }
          .button {
            font-size: 25px !important;
            padding:25px !important;


          }
        }
      </style>
    </head>
    <body style="background-color: #f0f0f0;
                 padding: 0px 0;  
                 margin: 0px 0;
                 font-family: Helvetica, Verdana, sans-serif;">

      <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#f0f0f0">

        <tr>
          <td align="center" valign="top" bgcolor="#f0f0f0" style="background: #f0f0f0">
            <table width="600" cellpadding="0" cellspacing="0" border="0" class="container" bgcolor="#ffffff" style="border-bottom-color:#e0e0e0;border-bottom-style:solid;border-bottom-width:1px;box-shadow:0 0 3px #ddd;color:#434343;font-family:Helvetica, Verdana, sans-serif;border-bottom:1px solid #e0e0e0;"> <!--=== PRE-HEADER SECTION === -->
              <tr>                          
                <td align="center" height="1" style="font-family: Arial, sans-serif; font-size:1px; line-height:1px; color:#ffffff;">
                  Enjoy the latest in thoughtful entertainment, streamed on Kanopy.




                </td>
              </tr>
              <!--=== //PRE-HEADER SECTION === -->

              <tr>
                <td class="logo" style="text-align: center;
                                        padding: 20px 0;">
                  <a href="{{ company.custom_data.url | fallback: ' https://www.kanopystreaming.com ' }}?utm_source=pda-ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-AU&utm_content=Logo" style="color:#2E2E2E;text-decoration:underline;"><img src="https://downloads.intercomcdn.com/i/o/57739393/176d49e3b348d46f7e404c33/kanopy+logo+1.png" width="140px"  alt="Kanopy"> </a>
                </td>
              </tr>
              <tr>
                <td align="center" class="container-padding" bgcolor="#ffffff" style="background: #ffffff;">
                  <tr>
                    <td style="border: 0px" align="center">
                      <table border="0"align="center" width="100%" height="100%" cellppadding="0" cellspacing="0" bgcolor="#ffffff" class="footer" style="border-top-color:#efefef;border-top-style:solid;height:69px;width:100%;">

                        <tr>
                          <td class="em_full_img" style="border-left-color:#e0e0e0;border-left-style:none;border-left-width:1px;color:#434343;font-size:12px;line-height:20px;text-align:center;vertical-align:middle;width:60%;border-left:none;" align="center" valign="middle">
                            <a href="{{ company.custom_data.url }}/video/kedi?utm_source=pda-ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-AU">  <img class="em_full_img" src="https://downloads.intercomcdn.com/i/o/57659250/c93b398860c1c70785cb369e/Kedi-Banner-Email-Rev.jpg" alt=" "width="665"/></a>
                          </td>
                        </tr>
                        <table width="80%">
                          <tr>
                            <td bgcolor="#ffffff" style="background: #ffffff; ">

                              <div class="em_txt1" style="color:#2E2E2E;line-height:1.5;font-size:14px;text-align:center; padding-left:px; padding-right:px; padding-top:10px; padding-bottom:0px">
                                Explore the streets of Istanbul through the eyes of its feline residents in <strong>Kedi</strong>, winner of <i>Best First Documentary at the Critics' Choice Documentary Awards</i>.<br><br> Cats have lived in the Turkish metropolis for centuries, and have gradually become an essential part of city's culture. This heartfelt documentary shines a light on the unique bonds between humans and animals by following seven cats as they nimbly weave in and out of people's lives.


                              </div></td>
                          <tr height=10>
                            <td>
                              &nbsp;
                            </td>
                          </tr>
                        </table>

                        <table width="100%" class="content" style="border-style: none;border-style: hidden; ">
                          <tr>
                            <td class="content-td" style="text-align: center; border-style: none;border-style: hidden; ">
                              <div style="padding-top: 0px;"><span style="font-size:12px; text-align: center"><span style="font-family:verdana,geneva,sans-serif;"><a class="button" href="{{ company.custom_data.url }}/video/kedi?utm_source=pda-ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-AU" style="background-color:#DE3F00;background-image:url(http://storage.pardot.com/54092/173186/cta_button_bg_gradient.png);color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;padding-left:20px; padding-right:20px; -webkit-text-size-adjust:none;mso-hide:all;">WATCH KEDI</a></span></span></div></td></tr></table>
                        <table border="0" cellpadding="0" cellspacing="0" id="templateFooter" style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#FFFFFF; border-collapse:collapse !important; border-top-color:#FFFFFF; border-top-style:solid; border-top-width:1px; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%;">
                          <tr>
                            <td align="center" class="container-padding" bgcolor="#ffffff" style="background: #ffffff; padding-bottom:10px; padding-top:20px;">
                              <div class="em_txt2" style="color:#2E2E2E;line-height:1.5;margin:0 0 px 0;font-size:26px;text-align:center !important;"><a  href="{{ company.custom_data.url | fallback: ' https://www.kanopystreaming.com ' }}/category/tags/new-releases?utm_source=pda-com-user&utm_medium=email&utm_campaign=April2018-US&utm_content=Check_Out_Whats_New_This_Month" style="color:#2E2E2E;text-decoration:none;"><strong>Featured New Releases</strong> 

                                </a></div></td><tr>
                          <table>
                            <tbody>
                              <tr>
                                <td>
                                  <a href="{{ company.custom_data.url }}/video/helium?utm_source=pda-ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-AU&utm_content=Helium"><img style=" border-style:solid !important; border-width: 1px !important;
                                    border-color: #e0e0e0 !important; "  class="em_half_img" alt="" height="315" src="https://www.kanopy.com/sites/default/files/imagecache/vp_poster_small/video-assets/3742187_poster.jpg" width="213"></a>
                                </td>
                                <td>
                                  <a href="{{ company.custom_data.url }}/video/killing-sacred-deer?utm_source=pda-ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-AU&utm_content=The_Killing_of_a_Sacred_Dear"><img class="em_half_img" style="padding-right: 10px;" alt=""  height="315" src="https://www.kanopy.com/sites/default/files/imagecache/vp_poster_small/video-assets/3811831_poster.jpg" width="213"></a>
                                </td>
                                <td>
                                  <a href="{{ company.custom_data.url }}/video/jungle?utm_source=pda-ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-AU&utm_content=Jungle"><img class="em_half_img" border="0" height="315" src="https://www.kanopy.com/sites/default/files/imagecache/vp_poster_small/video-assets/3742183_poster.jpg"  width="213"></a>
                                </td>
                              </tr>

                              <tr height=10px>
                                <td>

                                </td>
                              </tr>
                              <tr>
                                <td>

                                  <a href="{{ company.custom_data.url }}/video/thousand-mothers?utm_source=pda-ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-AU&utm_content=A_Thousand_Mothers"><img class="em_half_img" style="padding-right: 10px" alt="" border="0" height="315" src="https://www.kanopy.com/sites/default/files/imagecache/vp_poster_small/video-assets/3742193_poster.jpg"  width="213"></a>
                                </td>
                                <td>
                                  <a href="{{ company.custom_data.url }}/video/strangerland?utm_source=pda-ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-AU&utm_content=Strangerland"><img style="padding-right:10px" class="em_half_img" alt="" border="0" height="315" src="https://www.kanopy.com/sites/default/files/imagecache/vp_poster_small/video-assets/2589011_poster.jpg" width="213"></a>
                                </td>
                                <td>

                                  <a href="{{ company.custom_data.url }}/video/helvetica-2?utm_source=pda-ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-AU&utm_content=Helvetica"><img style=" border-style:solid !important; border-width: 1px !important;
                                    border-color: #e0e0e0 !important; "class="em_half_img" alt=""  height="315" src="https://www.kanopy.com/sites/default/files/imagecache/vp_poster_small/video-assets/3874825_poster.jpg" width="213"></a>
                                </td>


                              </tr>


                              <table width="100%" class="content" style="border-style: none;border-style: hidden; padding-top: 20px; padding-bottom: 20px;">
                                <tr>
                                  <td class="content-td" style="text-align: center; border-style: none;border-style: hidden; ">
                                    <br>
                                    <div><span style="font-size:12px; text-align: center"><span style="font-family:verdana,geneva,sans-serif;"><!--[if mso]>
<center><v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" stroke="f" fill="t">
<v:fill type="tile" src="http://storage.pardot.com/54092/173186/cta_button_bg_gradient.png" color="#DE3F00" ></v:fill>
<w:anchorlock></w:anchorlock>
<center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">SCHEDULE A MEETING</center>
</v:rect>
<![endif]--><a class="button"  href="{{ company.custom_data.url }}/category/tags/new-kanopy-movies?utm_source=pda-ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-AU&utm_content=CTA2" style="background-color:#DE3F00;background-image:url(http://storage.pardot.com/54092/173186/cta_button_bg_gradient.png);color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;padding-left:20px; padding-right:20px;-webkit-text-size-adjust:none;mso-hide:all;">WATCH ALL NEW RELEASES</a></span></span></div></td></tr></table>
                              <tr>
                                <td style="border: 0px" align="center">
                                  <table border="0"align="center" width="100%" height="100%" cellppadding="0" cellspacing="0" bgcolor="#ffffff" class="footer" style="border-top-color:#efefef;border-top-style:solid;height:69px;width:100%; padding-top:0px;padding-bottom:10px; ">
                                    <tr>
                                      <td align="center" class="container-padding" bgcolor="#ffffff" style="background: #ffffff; padding-bottom:10px; padding-top:20px;">
                                        <div class="em_txt2"  style="color:#2E2E2E;line-height:1.5;margin:0 0 px 0;font-size:26px;text-align:center !important;"><a href="{{ company.custom_data.url | fallback: ' https://www.kanopystreaming.com ' }}/category/tags/new-releases?utm_source=pda-com-user&utm_medium=email&utm_campaign=May2018-CA&utm_content=Check_Out_What's_New_This_Month" style="color:#2E2E2E;text-decoration:none;"><strong>Introducing Kanopy Kids!</strong> 

                                          </a></div></td><tr>
                                    <tr>
                                      <td class="apps" style="border-left-color:#e0e0e0;border-left-style:none;border-left-width:1px;color:#434343;font-size:12px;line-height:20px;text-align:center;vertical-align:middle;width:60%;border-left:none;" align="center" valign="middle">
                                        <a href="{{ company.custom_data.url }}/kids?utm_source=ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-CA"><img class="em_full_img" src="https://downloads.intercomcdn.com/i/o/57759912/d7cced798ee41a4507de2407/Kids-General-WW-Characters-Email.jpg" alt=" "width="660"/></a>
                                      </td>
                                    </tr>
                                    <table width="80%">
                                      <tr>
                                        <td bgcolor="#ffffff" style="background: #ffffff; ">

                                          <div class="em_txt1"  style="color:#2E2E2E;line-height:1.5;font-size:14px;text-align:center; padding-top:10px; padding-bottom:20px;">We are thrilled to announce <strong>Kanopy Kids</strong> is now available to all Kanopy members! This new collection features educational and enriching children’s programming for viewers of all ages. Parents can trust in a curated catalog of videos that help children develop empathy, mindfulness, and self-esteem. We’ve partnered with Common Sense Media™ to provide developmentally appropriate age ratings for videos on Kanopy Kids so parents know what is best for their little ones.

                                          </div></td></table>

                                    <table border="0" cellpadding="0" cellspacing="0" id="templateFooter" style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#FFFFFF; border-collapse:collapse !important; border-top-color:#FFFFFF; border-top-style:solid; border-top-width:1px; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%">
                                      <tbody>
                                        <tr style="">

                                        <tr>
                                          <td align="center" class="templateColumnContainer" style="padding-top:0px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 260px;" valign="top">
                                            <table border="0" cellpadding="20" cellspacing="0" style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; border-collapse:collapse !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%">
                                              <tbody>
                                              </tbody>
                                            </table>

                                            <table width="100%" class="content" style="border-style: none;border-style: hidden; padding-top: 20px; padding-bottom: 20px;">
                                              <tr>
                                                <td class="content-td" style="text-align: center; border-style: none;border-style: hidden; ">
                                                  <div><span style="font-size:12px; text-align: center"><span style="font-family:verdana,geneva,sans-serif;"><a class="button" href="{{ company.custom_data.url }}/kids?utm_source=ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-CA" style="background-color:#DE3F00;background-image:url(http://storage.pardot.com/54092/173186/cta_button_bg_gradient.png);color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;-webkit-text-size-adjust:none;mso-hide:all; padding-left:20px; padding-right:20px;">WATCH KANOPY KIDS</a></span></span></div></td></tr></table>
                                            <tr>
                                              <td style="border: 0px">
                                                <br>
                                                <table border="0" width="100%" height="100%" cellppadding="0" cellspacing="0" bgcolor="#ffffff" class="footer" style="border-top-color:#efefef;border-top-style:solid;border-top-width:1px;height:69px;width:100%;border-top:1px solid #efefef; ">
                                                  <tr>
                                                    <td style=" bgcolor:#ffffff;"class="apps" style="border-left-color:#e0e0e0;border-left-style:none;border-left-width:1px;color:#434343;font-size:12px;line-height:20px;text-align:center;vertical-align:middle;width:60%;border-left:none;" align="center" valign="middle">
                                                      <img  src="https://downloads.intercomcdn.com/i/o/55928199/a8ca54a4b66e40beac74890b/email-devices.jpg" alt=" "width="800" height="200"/>
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td style="padding-bottom:0px" align="center" class="templateColumnContainer" style="padding-top:0px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 260px;" valign="top">
                                                      <table border="0" cellpadding="20" cellspacing="0" style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; border-collapse:collapse !important; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100%">
                                                        <tbody>
                                                        </tbody>
                                                      </table>


                                                      <tr>
                                                        <td bgcolor="#ffffff" style=" text-align: center; height: 50px; padding-top:px;">
                                                          <a href="https://itunes.apple.com/us/app/kanopy-streaming/id1205614510?mt=8?utm_source=ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-UK&utm_content=Apple_App_Store_Button" style="text-decoration: none;" alt="Apple App Store">
                                                            <img src="https://s3-us-west-2.amazonaws.com/kanopy-static/marketing/assets/Apple_App_Store.png" width="98px" height="29px"/>
                                                          </a>
                                                          <a href="https://play.google.com/store/apps/details?id=com.kanopy&hl=en?utm_source=ppu-com-user&utm_medium=email&utm_campaign=Whats_New_May2018-UK&utm_content=Google_Play_Button" style="text-decoration: none;"alt="Google Play">
                                                            <img src="https://s3-us-west-2.amazonaws.com/kanopy-static/marketing/assets/Google_Play_Store.png" width="98px" height="29px"/>
                                                          </a>
                                                          <a href="https://www.amazon.com/Kanopy/dp/B075SJCV38?utm_source=pda-com-user&utm_medium=email&utm_campaign=Whats_New_May2018&utm_content=Amazon_Fire" style="text-decoration: none;" alt="Amazon">
                                                            <img src="https://downloads.intercomcdn.com/i/o/55926690/5a66e18543757a5e33c96fba/amazon+fire.png" width="88px" height="29px"/>
                                                          </a>

                                                        </td>
                                                      </tr>
                                                      <tr>
                                                        <td bgcolor= "#ffffff" style="border: 0px; text-align: center; ">
                                                          <p class="intercom-align-center" style="font-size:14px;line-height:1.5;margin:0 0 15px 0;color:#434343;text-align:center !important;">These films are proudly brought to you by your library.<br><br></p>  
                                                        </td>
                                                      </tr>
                                                      <tr>
                                                        <td style="border: 0px">
                                                          <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff" class="footer" style="border-top-color:#efefef;border-top-style:solid;border-top-width:1px;height:25px;width:100%;border-top:1px solid #efefef;">
                                                            <tr>
                                                              <td bgcolor="#ffffff"class="social" style="border-left-color:#e0e0e0;border-left-style:none;border-left-width:1px;color:#434343;font-size:12px;line-height:20px;text-align:center;vertical-align:middle;width:50%;border-left:none;" align="center" valign="middle">
                                                                Join the conversation:  
                                                                <a href="http://www.twitter.com/kanopy?utm_source=ppu-com-user&utm_medium=email&utm_campaign=May2018-US&utm_content=Twitter" class="twitter" style="color:#00aced;font-weight:bold;text-decoration:none;"alt="Twitter"><img bgcolor="#ffffff" src="https://s3-us-west-2.amazonaws.com/kanopy-static/marketing/assets/twitter_ok.png" width="20" height="20" style="vertical-align:middle;"></a>  
                                                                <a href="http://www.facebook.com/Kanopy?utm_source=ppu-com-user&utm_medium=email&utm_campaign=May2018-US&utm_content=Facebook" class="facebook" style="color:#6d83bc;font-weight:bold;text-decoration:none;"alt="Facebook"><img src="https://s3-us-west-2.amazonaws.com/kanopy-static/marketing/assets/facebook_ok.png" width="20" height="20" style="vertical-align:middle;"></a>
                                                              </td>
                                                              <td bgcolor="#ffffff" class="subscription" style="border-left-color:#e0e0e0;border-left-style:solid;border-left-width:1px;color:#434343;display:inline-block;font-size:12px;text-align:center;vertical-align:middle;width:100%;" align="center" valign="middle">
                                                                <a href="{{unsubscribe_url}}" style="color:#434343;text-decoration:none;"><div style="margin-top:10px;margin-bottom:5px;">Unsubscribe<br>
                                                                  </div></a>
                                                                <div style="padding-bottom:10px; color:#434343;display:inline-block;font-size:9px;">781 Beach Street San Francisco, California, USA 94109</div><tr><td></td></tr></td>
                                                            </tr>
                                                          </table>

                                                        </td>

                                                      </tr>


                                                    </td></tr></table></td></tr></td></tr></tbody></table></table></td></tr></tbody></table></tr></table></table></table></td></tr></td></tr></table></td></tr></table></body></html>
                                      </td></tr></table></td></tr></tbody></table></tr></table></table></td></tr></td></tr></table></td></tr></table></body></html>
https://downloads.intercomcdn.com/i/o/57780599/da688afade3bde2b54300cfb/Screen+Shot+2018-05-01+at+4.58.00+PM.png