html - Tables side by side won't work in Outlook -
i have created 2 tables sit side side email newsletter when viewed in outlook second table goes under first.
here jsfiddle.
html:
<div id="container"> <table id="table1"> <tr> <th colspan="2"> </th> </tr> <tr> <td height="106" colspan="2"> </td> </tr> <tr> <td height="155"> </td> <td> </td> </tr> <tr> <td height="114"> </td> <td> </td> </tr> </table> <table id="table2"> <tr> <th colspan="2"> </th> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td height="236"> </td> <td> </td> </tr> <tr> <td height="118"> </td> <td> </td> </tr> </table> </div>
css:
#table1, #table2 { border: 1px solid black; float: left; width: 350px; } #table2 { float: right } #container { width: 700px; margin: 0 auto; }
you can nest both tables within 2 cells of father table.
<table class="father"> <tr> <td> <table>...</table> </td> <td> <table>...</table> </td> </tr> </table>
Comments
Post a Comment