css - HTML email - Outlook 2007+10, unrelated tables aligning -
i've got dilemma have never come across before has stumped me. in design have built outlook 07&10 aligning 2 entirely unrelated table rows. complex email layout, , contains lot of tables. content in left column sticking bottom (or top of sibling) hr tag depicted here:
<tr><td height="20"></td></tr> <tr><!-- start of sidebar product (horizontal)--> <td> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td width="170"> <a href="" title="inline product 2" style="text-decoration: none;"> <!-- product image --> <img border="0" style="font-family:arial,helvetica,sans-serif;display:block" src="sidebar-beer-tbc.jpg" alt="south island marlborough sauvignon blanc" width="170" height="105"> </a> ... there @ least 3 parent tables per column (when different sections added up), there should no reason why rendering engine trying align them.
any appreciated, has got me @ wit's end.
as client , contains sensitive information, haven't made available finished document, here annotated grab of 2 comparisons. https://skitch.com/tilt/r3w65/photoshop
you've hit 'outlook 2007 page break bug'. basically, because outlook 2007/10 use word rendering engine, organise printing instead of screen.
if hit outlook can't insert page break between, inserts massive space above can insert page break.
it's annoying - way around close off rows above @ same place, insert that's 100% wide (can transparent 1px high line), , start tables again underneath.
Comments
Post a Comment