# Complex Email Template 1.3. Fix height table

**URL:** <https://forum.mautic.org/t/complex-email-template-1-3-fix-height-table/10825>\
**Category:** Design\
**Created:** [April 23, 2019, 9:40am UTC](https://forum.mautic.org/t/complex-email-template-1-3-fix-height-table/10825 "2019-04-23T09:40:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![heincampmans](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/heincampmans/32/126_2.png) [@heincampmans](https://forum.mautic.org/u/heincampmans)\
**Post date:** [April 23, 2019, 9:40am UTC](https://forum.mautic.org/t/complex-email-template-1-3-fix-height-table/10825/1 "2019-04-23T09:40:23Z")

</div>

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](https://imgur.com/jHryGSn)

---

<div class="post-metadata">

**Author:** ![heincampmans](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/heincampmans/32/126_2.png) [@heincampmans](https://forum.mautic.org/u/heincampmans)\
**Post date:** [April 23, 2019, 9:43am UTC](https://forum.mautic.org/t/complex-email-template-1-3-fix-height-table/10825/2 "2019-04-23T09:43:25Z")

</div>

This is the link to image:

[https://imgur.com/jHryGSn](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.

---

<div class="post-metadata">

**Author:** ![alexanderloewe](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/alexanderloewe/32/637_2.png) [@alexanderloewe](https://forum.mautic.org/u/alexanderloewe)\
**Post date:** [September 16, 2021, 6:50pm UTC](https://forum.mautic.org/t/complex-email-template-1-3-fix-height-table/10825/4 "2021-09-16T18:50:03Z")

</div>

You must give the height to the TD tag, as well as the background color.

> <https://stackoverflow.com/questions/54423074/equal-height-table-cells-in-html-table>