Newsletter black background in IE - email

As you can see the picture, i have a problem with Internet Explorer. I've tried to make the background color white on parent element. But it still doesn't work.
How can i fix that problem?

The div that is giving you problems only has a 3-digit hex code. Try bgcolor="#FFFFFF" if it is Outlook that is giving you issues.

Related

Email clients adding some extra pixels below TD with background image

I am facing a problem making a newsletter in Gmail and Outlook.
I've got a table with some TD's that contain a background-image:
<tr>
<td width="401" height="99" background="http://www.domain.com/bg_left.jpg"></td>
<td width="149" height="99" background="http://www.domain.com/bg_right.jpg"></td>
</tr>
I also tried adding the background images trough this method.
But with both ways I've got the following behaviour in Gmail and Outlook.
In both examples there is added some extra padding where the image is repeated.
Someone familiar with this problem? I couldn't find anything about this by myself.
Thanks instead.
For Gmail, you can remove the margin at the bottom of your images by changing the display property to block will prevent that.
Unfortunately, it seems that Outlook.com doesn't allow you to set the display property of images, but if you add a div (which is a block by default) with the same height as the img, as described here, you'll get the same result.
You'll need to use VML to display background images on a table in Outlook. Here is a tool in Campaign Monitor for doing exactly that.
Firstly, confirm your table cell height="" to the same as your image. Assuming it is, it looks like the cause might be your content expanding the table height past the specified height. Gmail has a habit of stretching the text line-heights, so if you have a underneath your subheader, this may be the cause. Remove that and it should fix it.
If that doesn't work, post the entire table and I'll take another look.

modalPopupExtender when shown from code-behind doesnt apply the transparency to the background

While wanting modalPopupExtender to show from code-behind, everything works well except
the opacity and alpha(filter) properties of the CSS are not applied meaning i get a modal popup with the color i set in my BackgroundCSSClass and hence cannot see my original controls in the background.
anyone facing this weird behavior and have a solution for this?
B.t.w, Everything works well when the TargetControlID is not hidden.
I battled this same issue for most of the day today. I have 3 pages with this identical code in them. two of the pages worked as expected, with transparent background, one did not. In that one, the background was always 100% opaque.
Finally, I realised i had accidentally deleted the < !DOCTYPE html > line in that page. Adding that one line back into the page fixed the problem instantly. Simple. and a little unexpected. HTH

WebFont monotype causes white screen onLoaded

Today we went online with www.polypod.net and we're having the problem that, when the font has loaded, the screen gets completely white for a while (1-2 seconds) and then the website is drawn. Loading fonts is always an issue so we have the opacity of the page on 0 till we really have the font loaded and then make a smooth fade in.
What worked during production is now broken and we're kind of stuck why that is.
We don't have this behavior when we comment out the monotype font.
Does anyone have experience with this problem?
Thanks in advance!
Thomas
I was running into a problem called 'FOUT' short for 'Flash of unstyled texts'. Gotta love the internet for it's acronyms making it nearly impossible to find common problems. -.-
Here is a link to prevent this from the font provider we used
http://www.fonts.com/support/faq/fout
After all this there were still some occurrences of a white screen. A loaded script sets the html to visibility: none; so I changed the visibility of html to visibility: visible !important;.

Mac Mail "See More" messes up html formatting

I have an html email I send out. It is formatted with tables because the original designer said, those were more reliable than divs for mail clients. All styles are inline:
<td style="font-size: 12px...">
When a single email is received, everything looks great. But as soon as a thread is formed by mac mail, "See more" is inserted.
This messes up the formatting completely, moving cells out of alignment. The See More message appears to be inserted properly - within a single cell, kind of
...
<td>
My Text
See More
My Text
</td>
But there are two of See More messages. One toward the top, one toward the bottom. Weird? The first one doesn't actually hide any text - but repeats it!
Hi Kate
See More
Hi Kate
is what it looks like. The second one does in fact hide text. Has anyone had experience with this problem? Are tables a mistake? Thanks for your help!
I am not sure if this is related, but in iOS on iPhone or iPad if someone chooses to use POP the full message will be truncated.
The work around is to have 1,019+ characters before your </head>.
See: http://www.emailonacid.com/blog/details/C13/ensure_that_your_entire_email_is_rendered_by_default_in_the_iphone_ipad

HTML email messed up in IE7 & Chrome

I coded this html email and when I check it in Chrome and IE7 the photo of the women is broken up. It looks fine in all other browsers. In some email clients it is also broken up.
Anyone experience this before and or can offer a suggestion on how to fix?
thank you,
ryan
Your image "sandy-portrait2.png" is stretching your upper table with beyond 600px wide to 638px wide.
Adjust your bottom table to match and you should be good. Also, you will need to recut or manually position "below-bottom-a-line.png" because it is only 600px wide and will not align correctly with the image in your upper table.
Also take note that since you are using background attribute on you table, Client such as Outlook 2007 will ignore this attribute and not display the background.