Email signature table alignment issue at MAC email

问题

I created this simple email signature with 3 tables as colspan might not working in email clients...From browser ..I SELECT ALL and COPY PASTE in signature part... Its working fine in outlook but in MAC Mail (Version 7.3)...

Problem: Table 3 starting under table2.. while it should be starting from left .. under table 1... please have a look.

<table style="width:200px;border:#999 1px solid;float:left" id="table1">
  <tr>
    <td >
    <p style="line-height:30px; font-family:Arial; font-size:18px; color:#cd1c27; padding:0; margin:0;">Shafqat Khan </p>
    <p style="line-height:15px; font-family:Arial; font-size:12px; color:#555; padding:0; margin:0;">Senior Web Developer</p>    
    </td>

  </tr>
</table>



<table style="width:200px;border:#999 1px solid;float:left" table="table2">
  <tr>

    <td>
       <div style="display:block;margin:0;padding:0"><img alt="Sharaf Media" title="Sharaf Media" src="images/emailsign/logo.jpg" /></div>
    </td>
  </tr>
</table>

<hr style="width:400px;float:left;clear:both;border:#999 1px solid;"/>

<table border="1" style="width:400px;float:left;clear:both" id="table3">

  <tr>
    <td ><p style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222; padding:0; margin:0; margin-top:5px;"><span style="color:#cd1c27;">D</span> +971 4 253 0746  | <span style="color:#cd1c27;">M</span> +971 50 396 7579  | <span style="color:#cd1c27;">F</span> +971 4 282 0818</p></td>
  </tr>
  <tr>
    <td ><p style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444; padding:0; margin:0;"><span style="color:#cd1c27">P.O. Box</span> 28091, Dubai, UAE. - <a href="#" style="color:#333;text-decoration:none">Location Map</a></p></td>
  </tr>
  <tr>
    <td><p style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#888; padding:1px 0; margin:0;">Office Time: 7:30am - 5:00pm (Sunday-Thursday) GMT+4</p></td>
  </tr>
</table>

来源：https://stackoverflow.com/questions/24624049/email-signature-table-alignment-issue-at-mac-email

标签

css

macos

html-table

digital-signature