css float - Horizontal gap between floated tables in Outlook 2007/2010 -
i've spent 2 weeks find solution this, can't came across. if float tables after each, there 1 pixel gap in microsoft outlook 2007/2010, uses microsoft word 2007 html render engine:

i'd thank working solution – which not put tables in separated <td>'s.
here html code reproduce it:
<html> <head> <title>outlook 2007/2010 horizontal gap</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> table { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } </style> </head> <body bgcolor="#000000"> <table bgcolor="#ffff00" align="left"><tr><td> </td></tr></table> <table bgcolor="#ffff00" align="left"><tr><td> </td></tr></table> </body> </html> what i've tried far:
display: inline-table;instead ofalign="left"- searched other relevant
mso-css attributes no luck - removed whitespaces between
<table>elements border-collapse: collapse,border-spacing: 0- adding
border: 1px solid red;remove gap increase width of tables - other
display's,padding,margin - non related or deprecated html attributes (
rules,frame,border, etc.) on<td>and/or<table>
fun factor:
if put these 2 tables table, gap's width increase 2 pixels.
here example of how float tables. need combination of border="1" , mso-table css in there rid of 1px gap. see example:
<table bgcolor="#454545" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="5%"></td><td align="center" width="95%"> <div align="left" style="float: left; padding: 0px; margin:0px;"> <table border="1" bordercolor="#959595" cellpadding="0" cellspacing="0" align="left" style="padding: 0px; margin:0px; mso-table-lspace: -1pt; mso-table-rspace: -1pt; "> <tr> <td width="318" bgcolor="959595">table 1 </td> </tr> </table> </div> <div align="left" style="float: left; padding: 0px; margin:0px;"> <table border="1" bordercolor="#959595" cellpadding="0" cellspacing="0" align="left" style="padding: 0px; margin:0px; mso-table-lspace:-1pt; mso-table-rspace: -1pt; "> <tr> <td width="318" bgcolor="959595">table 2 </td> </tr> </table> </div> </td></tr></table>
Comments
Post a Comment