I create a responsive email template width, using a main table width.


    <style type="text/css">@media only screen and (max-device-width: 480px) { table[class=contenttable] {width:320px !important;}}</style>
    <table width="640" border="0" cellpadding="0" cellspacing="0" class="contenttable" border="1" style="margin: auto;">
        <tr><td>
            <table width="320" border="0" cellspacing="0" cellpadding="5" align="left">
              <tr><td>
                    <img src="mini2/p.jpg">
                </td></tr>
            </table><table width="320" border="0" cellspacing="0" cellpadding="5" align="right">
                <tr><td>
                    <img src="mini2/pr.jpg">
                </td></tr>
            </table><table width="320" border="0" cellspacing="0" cellpadding="5" align="left">
              <tr><td>
                    <img src="mini2/p.jpg">
                </td></tr>
            </table><table width="320" border="0" cellspacing="0" cellpadding="5" align="right">
                <tr><td>
                    <a href=" ">
                        <img src="mini2/pr.jpg"></a>
                </td></tr>
            </table>
        </td></tr>
    </table>

My problem, is Lotus doesn't care about the table width="640" and expand it to 100%.
So the result is one long line.
Have you any hack, that will containt, limit the main table on lotus