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.

 
   
Full width image causing column to break onto next row in MO 07, 10, 13 and 16

CreativeTweed

Newbie
Total Posts:  3
Posted: 12 April 2017 08:34 AM

I wonder if you could help me. We’re experiencing an issue with Microsoft Outlook 07, 10, 13 and 16 whereby its pushing the third column in our email newsletter onto its own row.

Can’t get my head round this one, any help would be greatly appreciated!

Test issue here. - https://www.emailonacid.com/app/acidtest/display/summary/phPXFszdlRTsuUgio4nwY0sIC2z2cLGNfMU3MTfde2i8P/shared

File Attachments
EOA_Newsletter_template.html  (File Size: 23KB - Downloads: 122)

 

marjoleinverheij

Avatar
Jr. Member
Total Posts:  31
Posted: 13 April 2017 09:32 AM
[ # 1 ]

Hi!

Attached a fixed html smile
Instead of using floating tables, it’s easier to just build the columns in th’s instead. That way you never have floating problems and the white pixel next to the floating right image.

So you’re just build like this:

<table>
<tr>
<th>[column content]</th>
<th>[column content]</th>
</tr>
</table>

and in the media query you can set the th on display: block !important and width: 100% !important to make them stack.

Hope this helps.

Cheers,
Marjolein

File Attachments
EOA_Newsletter_template_updated.html  (File Size: 17KB - Downloads: 168)

 

CreativeTweed

Newbie
Total Posts:  3
Posted: 18 April 2017 07:04 AM
[ # 2 ]

Thank you so much! Great fix.