Problems with H2's in Template #1

I'm designing a template which has similar headings as the h2's in template #1. I've noticed that in mobileme, the h2's are being centered and aren't retaining their cellpadding. See screenshot below:

http://www.lookoutcreative.com/Troubleshooting/images/picture2.png

Here's the corresponding markup:

<td width="330" valign="top" class="mainbar" align="left">
                           <table cellspacing="0" cellpadding="4" bgcolor="#000000">
                              <tr>
                                 <td>
                                    <h2>Lorem ipsum dolar sit amet</h2>
                                 </td>
                              </tr>
                           </table>
                           <p>Suspendisse potenti--Fusce eu ante in sapien vestibulum sagittis. Cras purus. Nunc rhoncus.</p></td>

And here's the corresponding css:

td.mainbar h2 {
   font-family: Georgia;
   font-size: 18px;
   font-weight: bold;
   color: #ffffff;
   margin: 0;
   padding: 0; }

Any ideas for a workaround on this? Thanks for any help,

Jason

Mathew Mathew, 7 years ago

Hi Jason,

If you style the h2 inline directly, and text-align:left etc, does it work? Then if it does, it may be an issue of the cascade not working right in Mobile Me


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
lookout, 7 years ago

Hey Matthew,
Adding the text-align inline style doesn't change anything. Strange.

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098