Firstly, accept my apologies for my code, I'm a html newbie.
I'm working on an email that has a cell with a rule at the top and text underneath. The next cell contains an image that's 1px deep, which I want to fill the height of the cell, which is in turn dictated by how much text there is in the previous cell.
Here's the code:
<table cellspacing="0" cellpadding="0" border="0" align="center" valign="top">
<td width="597px" height="100%" align="left" valign="top" bgcolor="red">
<hr color="#8384b4" />This text varies in length
<td bgcolor="white" width="36px" height="100%" valign="top" align="right"><img style="display: block" border="0" src="images/body_right.jpg" width="10" height="100%" alt=""/>
At the moment only Yahoo! mail and Apple mail are actually expanding the image to 100% of the cell height, neither Hotmail or Gmail are playing ball.
Any help is much appreciated.
Just a quick note on HTML best practise in emails, these lines
<td width="597px" ... <td bgcolor="white" width="36px" ...
should not have the "px" in the width as some email clients don't like this on tables.
With regards to the email I'm not sure that the way you have it is the best approach, I believe that height on cells is just not supported on many clients. Apple mail is one of the best so that will tend to display more CSS properties than any others (Gmail and Outlook tend to be the worst).
Maybe try using a background image in the table instead that is larger than you need to see and specifying
for that cell? This post should help with that http://www.campaignmonitor.com/blog/post/3170/adding-background-images-to-your-email-in-two-simple-steps/
This post will also help with regard to CSS support in emails for all the clients...
Hope this helps :)
From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that drive real business results.Get started for free