title: css max-width property and outlook
body: <p>I've got a bug when sending email and then opening them in microsoft outlook.</p>
  
  <p>The bug is that Outlook doesn't support the css max-width parameters and which is used to define an image size.</p>
  
  <p>I try something with conditional rendering :</p>
  
  <pre><code>&lt;td class="mcnImageContent" valign="top" style="text-align: &lt;%= @booking.trip.theme.email_client_logo_position || 'left' %&gt;; padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"&gt;
      &lt;% if email_logo_url %&gt;
      &lt;!--[if mso]&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td width="&lt;%= @booking.present? ?
                  (@booking.trip.theme.email_client_logo_zoom.to_f * 
                  400.to_f).to_i.to_f : 
                  ((@resource.client.try(:theme).try(:email_client_logo_zoom) || 
                  1).to_f * 400.to_f).to_i.to_s %&gt;"&gt;
                  &lt;![endif]--&gt;
                  &lt;img alt="" src="&lt;%= email_logo_url %&gt;" style="max-width: &lt;%= 
                      @booking.present? ? (@booking.trip.theme.email_client_logo_zoom.to_f 
                      * 400.to_f).to_i.to_f : 
                      ((@resource.client.try(:theme).try(:email_client_logo_zoom) || 
                      1).to_f * 400.to_f).to_i.to_s %&gt;px;padding-bottom: 0;display: inline 
                      !important;vertical-align: bottom;border: 0;line-height: 
                      100%;outline: none;text-decoration: none;height: auto !important;" 
                      class="mcnImage"&gt;
                  &lt;!--[if mso]&gt;
              &lt;/td&gt;
  </code></pre>
  
  <p>Can someone help me to set the correct size for the picture?</p>