css - problems with negative margin in mail template
I'm creating a html mail template, I used a ribbon so I need to a move it a little bit past border. you can see the code here: http://jsfiddle.net/GEqk7/
To do this first i used position: relative;
and I gave the ribbons a negative position but the thing is that position
is not well supported by gmail and yahoo and ... . So I decided to use negative margin but it looks like gmail and yahoo don't support that either.
is there a way or a fallback to to do this?
Solution 1:
Most of the Email clients dont support negative margin. You will have to take that ribbon image as a background.
Solution 2:
As of Jan. 2015, gmail's web client ignores negative margin.