Community Forum

Over the years we have built up a community of email marketers, coders and designers that live and breathe email.

Use the Email on Acid Forum like your virtual water cooler: Stop by to discuss email code, quirky clients and fixes and post your issues (with an example of the code) for our community to offer its assistance.

 
   
Formating in Outlook, Ghost Columns make columns extremely skinny

AvalonARM

Newbie
Total Posts:  1
Posted: 17 March 2017 11:27 AM

Was having problems with the two purple circles aligning next to year, with ghost columns I was able to get them to align except now they are extremely skinny and there’s a big gap in between. What do I need to change to each column to be 50/50?

File Attachments
NCBFAA_PreConference.html  (File Size: 42KB - Downloads: 182)
NCBFAA_PreConference.html  (File Size: 43KB - Downloads: 179)

 

marjoleinverheij

Avatar
Jr. Member
Total Posts:  31
Posted: 05 April 2017 07:26 AM
[ # 1 ]

The Outlookl code is the problem now. You’re wrapping the 2 floating tables in a td each, so for Outlook 2007/2016 the 50% width is now 50% of the td (so 25% of the total width).
There’s also an error in the Outlook code. You put it between the <table> and <tr> tag, but added:

<!—[if (gte mso 9)|(IE)]>
    <table width=“680” align=“center”>
      <tr>
      <td width=“340”>
      <![endif]—>

So for Outlook the table ends up like this:
<table class=“devicewidth” align=“center” border=“0” cellpadding=“0” cellspacing=“0” width=“100%”>
    <table width=“680” align=“center”>
      <tr>
      <td width=“340”>
        <tr>
            <td valign=“top”>
                <table width=“50%” align=“left” cellpadding=“20” cellspacing=“0” class=“deviceWidth”>

So you have a double table opening and then a tr after a td.

Just adding:
<!—End Image 2—>
<!—[if (gte mso 9)|(IE)]>
</td>
<td valign=“top”>
<![endif]—>

between the floating tables should do the trick. And remove the opening and closing Outlook code.

Cheers,
Marjolein