I am having major issues with my html newsletter.I ran a test and have implemented various fixes to deal with issues I have had with yahoo and hotmail.I had no issues with Outlook, well my version that is, which is I think the latest...until now...

Whilst the newsletter did not render OK across other web and desktop based clients, in Outlook it was all OK and now that I have fixed the other issues, there is a white border showing on the right of the footer and I cannot work out where it is coming from and how to fix it.I have spent days trying to make sense of this newsletter design...

Umm I can't upload the files...it starts uploading and then just stops..is 10.2KB too large??

milkandhoney
—
2012-10-11T05:09:00Z —
#7

ronpat said:

How wide is that white line?

I guess it is roughly 1px- the normal line that old outlook tends to apply to newsletters

ronpat
—
2012-10-11T09:24:17Z —
#8

After playing with this all night (used Outlook Express), and reading a few blogs, this seems to be similar to the old Outlook problem (or maybe it never went away). None of the older workarounds (all of which you've already employed <grin>) seem to work. Are you obligated to use tableware for the newsletter or can it be constructed with divs? divs set to display:table, display:table-row, and display:table-cell seem to work nicely on my PC; but I have no knowledge of html newsletters.

ralphm
—
2012-10-11T12:23:08Z —
#9

ronpat said:

can it be constructed with divs? divs set to display:table, display:table-row, and display:table-cell seem to work nicely on my PC; but I have no knowledge of html newsletters.

You have to use tables for HTML email layouts for them to work in major clients, unfortunately. I suspect it's the styling of the divs that is causing the problem, but I don't have access to Outlook at the moment, so I can't test the solutions. I'd love to see a screen shot of the problem, though.

ralphm
—
2012-10-11T12:39:03Z —
#10

OK, I managed to test it in Outlook 10, and it looks fine.

milkandhoney
—
2012-10-11T22:15:15Z —
#11

ronpat said:

After playing with this all night (used Outlook Express), and reading a few blogs, this seems to be similar to the old Outlook problem (or maybe it never went away). None of the older workarounds (all of which you've already employed <grin>) seem to work. Are you obligated to use tableware for the newsletter or can it be constructed with divs? divs set to display:table, display:table-row, and display:table-cell seem to work nicely on my PC; but I have no knowledge of html newsletters.

Thank you ronpat, I really appreciate your time and help on this.

milkandhoney
—
2012-10-11T23:19:28Z —
#12

ralph_m said:

You have to use tables for HTML email layouts for them to work in major clients, unfortunately. I suspect it's the styling of the divs that is causing the problem, but I don't have access to Outlook at the moment, so I can't test the solutions. I'd love to see a screen shot of the problem, though.

The jury is still out with using divs in neswletters it seems. According to Campaign Monitor, you can use divs for certain styling providing they are not used to position elements.I don't think that is the issue, I think it is the whole border-collapse:collapse thing..

milkandhoney
—
2012-10-11T23:20:16Z —
#13

ralph_m said:

OK, I managed to test it in Outlook 10, and it looks fine.

Don't get why I still see that damn line...My tests didn't the white line, but then once I sent the campaign there it was

ralphm
—
2012-10-11T23:20:33Z —
#14

What version of Outlook are you using. As I say, there was no footer problem I could see in Outlook 10.

ronpat
—
2012-10-12T00:12:20Z —
#15

First of all, I think you have a winning handle on the issue. Your achievement reflects a LOT of work.

I put together a simple test page this afternoon just to see what would happen. In my exercise with Outlook Express, the table inserts 1px on the right side and 2px on the bottom of every iteration, which means they are added when tables are nested. And, of coure, table widths are "only a suggestion"; they yield to "hard" content and buggy space. I'm not convinced that it's a border-collapse problem. It may indeed be, but without border-collapse, the space is far worse. Really seems like an Outlook bug.

Also, if the problem can be fixed, I think the cause will be found within the section with id="templateContainer". Its contents are nested deeper than the footer. The footer is not stretching quite as wide; therefore is showing the white line on the right. In other words, if you use a calibrated screen ruler, you'll probably find that the Newsletter is a few pixels wider than 600px.

milkandhoney
—
2012-10-12T03:24:35Z —
#16

ronpat said:

First of all, I think you have a winning handle on the issue. Your achievement reflects a LOT of work.

I put together a simple test page this afternoon just to see what would happen. In my exercise with Outlook Express, the table inserts 1px on the right side and 2px on the bottom of every iteration, which means they are added when tables are nested. And, of coure, table widths are "only a suggestion"; they yield to "hard" content and buggy space. I'm not convinced that it's a border-collapse problem. It may indeed be, but without border-collapse, the space is far worse. Really seems like an Outlook bug.

In hindsight, the question about using divs was probably dumb.

Remember that I'm not using Outlook. My OS is WinXPPro SP3.

`

`

Also, if the problem can be fixed, I think the cause will be found within the section with id="templateContainer". Its contents are nested deeper than the footer. The footer is not stretching quite as wide; therefore is showing the white line on the right. In other words, if you use a calibrated screen ruler, you'll probably find that the Newsletter is a few pixels wider than 600px.

Thank you so much!I am amazed how much time you guys spend on trying to help other out.

I am (kind of glad) that you too see the border I was beginning to think that I am nuts.The 2px bottom border I don't see.

I will have to start from scratch and see if I can fix the issue with the overall width.

By the way, and this question applies to all, can you really ever have a perfectly rendered newsletter? Or will the various newsletter clients always have bugs that cause issues?

milkandhoney
—
2012-10-12T03:25:07Z —
#17

ralph_m said:

What version of Outlook are you using. As I say, there was no footer problem I could see in Outlook 10.

Ooutlook 2010

ralphm
—
2012-10-12T03:29:13Z —
#18

milkandhoney said:

Outlook 2010

Ah yes, that's what I meant. I tested it in Outlook2010 and could see no problem. Could you post a screen shot of what you are seeing?

milkandhoney
—
2012-10-12T04:16:20Z —
#19

ralph_m said:

Ah yes, that's what I meant. I tested it in Outlook2010 and could see no problem. Could you post a screen shot of what you are seeing?

The system is not letting me.It is a 10KB image and it wont upload it

ralphm
—
2012-10-12T04:18:14Z —
#20

Yes, it's a bit buggy. The way to do it is to click the Go Advanced button (bottom right of a post) and then click Manage Attachments down the screen. That will allow you to upload the image and place it in your post.