On further inspection it seems like Outlook 2007 treats the signature after the replies like images. You can move around the different pieces. Is there a way to force Outlook to stop doing that and just leave the signature alone?
I think it’s also weird that the latest reply is not affected by it. Only the first email send and earlier replies to that email.
I have fixed the text overlap problem too! I removed a few "align left" attributes which were apparently unnecessary which did the trick. But of course there is now a new problem. I'll try to explain it as clearly as I can:
When I send an email with the signature from Outlook 2016 (on Mac) to Outlook 2007 (Windows) it looks fine. When I reply to this email everything still is fine. When I then reply to that email that's when the signature gets messed up. This is a screenshot of what's happening: http://i557.photobucket.com/albums/ss15/mseters/Schermafbeelding%202017-02-24%20om%2017.04.36_zpsx9sef5py.png
This is the updated version of my code: https://jsbin.com/fahizay/edit?html,output
I hope I'm not a pain, but I really haven't got a clue how to fix this and IF it is fixable. Google is of no help. Hope someone here knows a solution!
I've found a solution for the slogan problem. On the valign attribute I first put "top", but it should be "middle". Now the slogan is displaying everywhere in the center and in the middle!
Still haven't found a solution for the text overlap on the iPhone mail app. I've tested in on the Gmail app where it isn't a problem. So it seems exclusively for the mail app. Can someone please help a newbie out?