Hello, I have a question about a simple layout here. The width is 660px as
you can see, with the two columns 405px and 240px respectively. I've zeroed
out the margins and padding as needed, but the right col still drops down.
Any ideas?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd";>
<html>
  <head>
    <title>Your Email Title</title>
    <style type="text/css">
      body{background-color:#d0d0d0;font:14px
tahoma;padding:0;margin:0;}/*Which font to use be default?*/
      #emailwrapper{width:660px;margin:0 auto;padding:0;}
      #email_hdr{height:65px;vertical-align:middle;padding:0;margin:0;}
      #email_hdr div{vertical-align:middle;padding:0;margin:0;}
      #email_hdr div img{float:right;}
      #email_banner_graphic{background-color:#fff;padding:0;margin:0;}
      #email_left_col_top,#email_left_col_bottom{margin:15px 0 0
0;width:405px;float:left;background-color:#fff;padding:0;}

#email_right_col{padding:0;width:240px;float:left;background-color:#fff;vertical-align:top;margin:15px
0 0 15px;}
      #email_footer{font:11px
tahoma;color:#000;text-align:center;padding:0;margin:0;}
      #email_hdr div,#email_banner_graphic div,#email_left_col_top
div,#email_left_col_bottom div,#email_right_col div,#email_footer
div{padding:15px;margin:0;}
    </style>
  </head>
  <body>
      <table id="emailwrapper">
        <tr>
          <td colspan="2" id="email_hdr">
            <div><img src="http://mysite.com/_logo.png"; id="logo"
width="152" height="35" /></div>
          </td>
        </tr>
        <tr>
          <td colspan="2" id="email_banner_graphic">
            <div class="mktEditable">

            </div>
          </td>
        </tr>
        <tr>
          <td id="email_left_col_top"><div class="mktEditable"></div></td>
          <td id="email_right_col" rowspan="2"><div
class="mktEditable"></div></td>
        </tr>
        <tr>
          <td id="email_left_col_bottom"><div
class="mktEditable"></div></td>
        </tr>
        <tr>
          <td colspan="2" id="email_footer">
            <div>Address for company</div>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>

-- 
J.C. Berry, M.A.
UI Developer
619.306.1712(m)
jcharlesbe...@gmail.com
http://www.mindarc.com
------------------------------------------------------------------------------------------------------------------------------------------------

This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged. This information is
confidential information and is intended only for the use of the individual
or entity named above. If the reader of this message is not the intended
recipient, you are hereby notified that any dissemination, distribution or
copying of this communication is strictly prohibited.
------------------------------------------------------------------------------------------------------------------------------------------------
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to