We're banging our heads on an issue where we have a nicely formatted HTML newsletter that, once it's sent to someone on Windows using Outlook 2016, completely blows up.
The main issue is that the email is meant to be fixed-width but Outlook 2016 renders it full width.
After much frustration we realized the following:
Creating the HTML email in Mac 16 Outlook is fine
Sending it from Mac 16 Outlook is fine
Reading it in Mac 16 Outlook is fine
Reading it in Windows Outlook 2016 breaks it
Forwarding said email from windows to Mac also shows the issue on the Mac.
I think I found out what is causing the issue, but not why it's happening. When I view the source of the forwarded email, I see that the widths of some of my tables have been forced to a much larger setting.
So, whereas I had:
<td width="793"...
The source in the broken email now shows:
<td width="1118" style="width: 594.75pt...
I'm stumped. Is Windows Outlook resizing TD indicative of anything in particular I need to do in my HTML to get this to work?
We found the answer. The issue was that inside this table, we had a nested table, and inside that table, we had an image and that image was set to width="100%". Even though this was inside a table that also had a width set, it appears that Microsoft Outlook interprets that 100% to be 100% of...the viewport, maybe? Not entirely sure, but clearly it doesn't limit itself to its parent container's width.
The fix in our case was to hard-code a width for the image rather than tell it to be 100%.
Related
I noticed an issue with Sql Server Management Studio 17.5 (maybe other versions too) where the ellipse (indicates a cell has more data than what it shown) is missing. It is problematic when dealing with ID columns since there is no indication that there is more data than what is being displayed.
Here's some screen shots
Problematic Data
Actual Data
Ideally, the first screen shot would show an ellipse after the first digit, but instead it shows as if the cell is displaying its complete contents. Has anyone else found this to be an issue, and did you find any work arounds? There was nothing available in the Tools->Options menu.
Edit:
I found the same behavior in Windows 10 Windows Explorer. Would this type of thing be a registry setting? Maybe it's being shared between Windows and SSMS
It turns out this was a bug in Windows build 1803
https://answers.microsoft.com/en-us/windows/forum/all/filename-truncate-bug/d447a633-7f1d-4d90-a282-0e2ccbab8d04
With a newer version it has been fixed.
I've confirmed it in both SSMS and Windows Explorer, and I cannot reproduce the above examples.
I need some guide here about ie 8 rendering? (not sure how to phrase it). Here is the problem,
I have coded aspx and I have test on multiple browser and pc. It work prefectly fine. How I test for IE.
I pressed f12 and change the mode to ie8. It work prefectly fine on multiple computer. Till my client should be his laptop using ie8 and I saw all my items shift to the left side.
First I would like to know how can I test it. Since, my computer display completely fine?
Second, is there a reasons for different rendering?
I saw people said about meta tag. But I cant test it that is the problem. If meta tag is the solution. Does older pc support it?
The structure how I code my website only padding.
I only use margin if i want to align my div to the center which is margin: 0 auto. Other than that there is nothing special about my website.
I've found IE Tester an easy way to test multiple versions of IE - but you will have to upload the files to a server in order to view it since you will need to enter the URL to test.
Here is where you can find IE Tester: http://www.my-debugbar.com/ietester/?version=0.4.11 (it's free)
I'm at a loss as to why my website (violetoeuvre.com) display differently on a PC than on a Mac. It might be plausible if I was using different browsers, but I'm using Chrome in both cases.
I can't figure out why Emma Carmichael and the navigation at the top (Writing, Blog, Contact) is a little above the black on the PC, but bleeds into the white on a Mac (what i want).
Mac:http://imgur.com/ZDRpMDj
PC: http://imgur.com/E5TbV4K
Thanks!
Are the images randomized? They are two different images shown. Is there a chance on is a chance one has a cached version with different CSS / HTML?
How about posting the code for the page - maybe someone will know the intricacies of mac vs pc in chrome with respect to the elements you're using.
I guess issue is with height of black section.
try giving height of black section in %.
That might work!!
Hope it helps.
I'm developing a firefox addon and would like to have a fixed position (relative to the browser) semitransparent panel with 3 icons shown at the corner of every browser content area. These buttons will have to be able to communicate with a site that is not the site shown.
I know it would be possible to inject a fixed position div to html but I want the buttons to communicate with external site when pressed and also query information when they are loaded so I think that would violate same origin policy. This wouldn't work with image or other direct media urls either.
What would be the easiest way to create the floating icon panel?
After about of week of work I found it. Here is the answer, I hope this helps someone else:
http://marcada.ms/2010/02/getting-content-on-top-of-the-browser-space-using-xul/
The above adds the panel, transparency is not working (at least not in linux what I work with) because of the following bug. Sigh... opened in 2007 and not closed in 2012.
https://bugzilla.mozilla.org/show_bug.cgi?id=408284
edit2: I ended inserting html data to the body of the document using files from extension folder. Works very well including transparency.
edit3: If anyone is interested how this works in my plugin, check my live site at http://www.upmarker.com
We've created an HTML template that is rendering correctly on all email clients except for one issue with Outlook 2007. In the middle of the Email, there is a 600px tall ad. In Outlook that ad has around 350px of undesired space above it. As far as we can tell, Outlook is doing some kind of pagination to avoid breaking the image in two (since it's using the Word rendering engine). If we move the ad down, the problem goes away, but that's not a very good option because the size of the content prior to the ad is going to vary each newsletter.
Is there anyway around this?
This is the Outlook 2007 page break bug.
See my response here