Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 619
neo Avatar asked Oct 31 '13 19:10

neo


3 Answers

Most of the Email clients dont support negative margin. You will have to take that ribbon image as a background.

like image 98
Akash Badiyani Avatar answered Oct 16 '22 13:10

Akash Badiyani


As of Jan. 2015, gmail's web client ignores negative margin.

like image 36
Julian Avatar answered Oct 16 '22 14:10

Julian


Apparently, as of Jan. 2022, Gmail's web client still ignores negative margin

like image 3
James Okunlade Avatar answered Oct 16 '22 14:10

James Okunlade