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, 7 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, 7 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, 7 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, 6 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, 6 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

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free