Mautic Community Forums

Complex Email Template 1.3. Fix height table

Hi there,
<br>
I am using the Complex email template 1.3, and I am trying to set the different “fields” to equal height (see picture, I have put a red border around the “field”).
<br>
Now, the html is quite complex, but normally setting “height: 100%” should set the height of an element to 100% if it’s parent component.
<br>
I have found that there is a parent element that wraps two of these “fields” (see yellow border on picture).
<br>
The html for this parent element is this:
<br>
<td align=“center” valign=“top” style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;font-size:0;" class=“padding”>


<br>
My plan is setting “height: 100%;” on all the child elements of the above parent element (not on the parent element itself). But this doesn’t seem to have any effect.
<br>
If I set the height on the above (parent) element’s first child, like so (see inline style):
<br>
<div style=“display:inline-block; max-width:50%; min-width:374px; vertical-align:top; width:100%; height:100%;” class=“wrapper”>
<br>
this has no effect.
<br>
While setting a fixed height like: “height: 500px;” does work.
<br>
Can anyone tell me how to get “height: 100%;” working on these child elements in this situation? Or how to get these ‘fields’ to be the full height of the parent container I mention?
<br>
webpage example

This is the link to image:

https://imgur.com/jHryGSn

I thought the post should be written in html, that’s why you see the <br> tags. Turns out no html is needed. If I try to edit the post I get an 404 error.

Added the link to the image in the original post as well, but it is not shown. So here it is.