Ipad mail

I made this newsletter: http://frankvanleeuwen.nl/WBEU/EU_Juli.html
When I send it. In Mail on the mac it looks good, but on my I pad it crops the email. When still loading it looks OK but once finished it crops it and ruins it. Anybody know what's wrong?
The e-mail has a witdh of 600px.

Thanks

Mathew Mathew, 6 years ago

Hey,

Can you explain a little what you mean by 'it crops it and ruins it'? Does content disappear?


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

Try this in the head:

<meta name = "viewport" content = "width=600; initial-scale=1.0">

Also, iPhone/iPad will resize text for better viewing. It can also break designs, so use the following style within your text areas to prevent it from adjusting:

style="-webkit-text-size-adjust:none"


Brian Thies
Professional Email Developer
Thies Publishing
fr4nk, 6 years ago

I found it. The name of the company I made the email for is werkenbijdeeu.nl. It was a to wide a word for the column en pushed it wider. But I will try that style="-webkit-text-size-adjust:none" cause overal I'm not that happy with how it looks on a iPad. thnx

glassonglassmastery, 5 years ago

where would you add  (style="-webkit-text-size-adjust:none") into your HTML to do so? I am new to these kind of things.

If you take a look at my results from the email tester you can see the problem I having on the iphone and ipad

http://youcancallmephil.createsend.com/ … 7471308856

Here's my html code for reference

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>YOU CAN CALL ME PHIL</title>
</head>
<body bgcolor="#f0f0f0" style="margin: 0; padding: 0;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
  <tr>
    <td bgcolor="#f0f0f0">&nbsp;</td>
  </tr>
  <tr>
    <td align="top" style="font-size: 1px; line-height: 1px; padding: 20px 0 25px;" valign="top">
      <table width="478" border="0" height="20" cellspacing="0" align="center">
        <tr>
          <td height="35"></td>
        </tr>
      </table>
      <table width="478" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td></td>
          <td width="46" rowspan="2" valign="top"></td>
          <td width="386" rowspan="2" valign="top"><img src="images/emailcopy.png" width="384" height="332" alt="" /></td>
          <td width="46" rowspan="2" valign="top"></td>
        </tr>
      </table>
      <table width="478" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="42"></td>
        </tr>
      </table>
      <table width="478" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="194" rowspan="2" valign="top"></td>
          <td width="24" rowspan="2" valign="top"><tweet via="macgyverisgod" recommend="twitterhandle"><img src="images/twitter24.png" width="24" height="24" alt="" border="0" /></tweet></td>
          <td width="9" rowspan="2" valign="top"></td>
          <td width="24" rowspan="2" valign="top"><fblike likeurl="http://www.youcancallmephil.com"><img src="images/facebook24.png" width="24" height="24" alt="" border="0" /></fblike></td>
          <td width="9" rowspan="2" valign="top"></td>
          <td width="24" rowspan="2" valign="top"><forwardtoafriend><img src="images/email24-2.png" width="24" height="24" alt="" border="0" /></forwardtoafriend></td>
          <td width="194" rowspan="2" valign="top"></td>
        </tr>
      </table>
      <table width="478" border="0" align="center" cellpadding="0" height="60" cellspacing="0">
        <tr>
          <td width="140" rowspan="2" valign="top"></td>
        </tr>
      </table>
      <table width="478" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="154" rowspan="2" valign="top"></td>
          <td width="190" rowspan="2" valign="top"><img src="images/logo.png" width="185" height="13" alt="" /></td>
          <td width="154" rowspan="2" valign="top"></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td><table id="top" width="478" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr valign="baseline">
          <td height="0" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="220" rowspan="2" valign="top"></td>
              </tr>
              <tr>
                <td width="38" valign="top"><table width="24"
height="13" border="0" cellspacing="0" cellpadding="0" align="center">
                    <td style="font-family: 'Monaco', sans-serif, monospace; font-size: 12px; text-transform: uppercase; font-style: line-height: 130%; word-spacing: -1px; color: #000000 letter-spacing: -2px; padding-bottom: 0px;"><a href="http://www.youcancallmephil.com/" style="color:#f0f0f0"><span style="color:#000000">{ENTER}</span></a></td>
                  </table></td>
                <td width="220" rowspan="2" valign="top"></td>
              </tr>
            </table>
            <table width="478" border="0" height="40" align="center" cellpadding="0" cellspacing="0">
            </table>
            <table width="478" border="0" height="40" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td></td>
              </tr>
            </table>
            <p style="font-size: 10px; line-height: 0px; color: #000000; font-family: 'Monaco', monospace; text-transform: uppercase; font-style: normal; word-spacing: -1px; margin: 0;">
              <singleline></singleline>
              EMAIL NOT LOOKING RIGHT?
              <webversion style="font-style: normal; color: #000000; text-decoration: underline;">VIEW IT IN YOUR BROWSER.</webversion>
              <unsubscribe style="color: #3cc6de; text-decoration: underline;"> NOT INTERESTED?</unsubscribe>
            </p></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td><table id="top" width="478" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="46" valign="top"></td>
          <td width="386" valign="bottom"><hr width="100%" color="#000000" size="1" /></td>
          <td width="46" valign="top"></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Thank You

roshodgekiss roshodgekiss, 5 years ago

Hi glassonglassmastery, I'll help you with this in your initial thread. Thanks! :D


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

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