Dear Stackoverflow Community, Today i have a problem: I am currently using vml to design an email for outlook clients. here you can read about vml: https://www.w3.org/TR/NOTE-VML IT should look like this but the whole white area should also have rounded edges (how rounded doesent play a role now, i can change the value if it works) it should look like this: how it should behave
but it looks like this: how it actually behaves
for the table with Aufladung 1x and $BezahlterBetrag i already made it work: The table has a parent element, is correctly positioned within it and has also child elements within it which are almost all positioned correctly(all but not the dashed line(which is not the problem here, i can fix this with coordinates).
but the red "roundrect": it has a also a parent element and child elements but the are both totally chaotic to each other and it is positioned completely wrong eventhrough i copy pasted the tables vml tag and changed it to red and changed the height.
i have also tried other solutions from stackoverflow but none of these worked. i even have no idea WHY it does behave like this. the vml is valid like this i think.
the source from where i got this is buttons.cm i changed the elements and copy pasted the code to the table(Aufladung 1x) and it works. But on the white area it doesent work.
i really need some help here.
here is the code:
https://jsfiddle.net/epr2wndc/
<!--THIS IS CAUSING PROBLEMS-->
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:9000;v-text-anchor:middle;width:600;" arcsize="6%" stroke="f" fillcolor="red">
<w:anchorlock/>
<center>
<![endif]-->
CONTENT
<!--[if mso]>
</center>
</v:roundrect>
<[endif]-->Any suggestion how to solve this is welcomed.
kind regards,
your Alwin