Community Forum

Over the years we have built up a community of email marketers, coders and designers that live and breathe email.

Use the Email on Acid Forum like your virtual water cooler: Stop by to discuss email code, quirky clients and fixes and post your issues (with an example of the code) for our community to offer its assistance.

 
   
Android 5.1 spacing - big gaps between every element

bestHeads

Newbie
Total Posts:  1
Posted: 09 December 2016 02:10 AM

Hi!

I have a weird issue with spacing only in Android 5.1. All other clients look fine.

Here’s my code and a screenshot of the Andoid 5.1. test as attachement. Any help appreciated!

<!doctype html>
<
html >
<
head>

    <
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <
title>Template </title>

    <
style type="text/css">
        .
ReadMsgBody {width100%; background-color#ffffff;}
        
.ExternalClass {width100%; background-color#ffffff;}
        
body     {width100%; background-color#ffffff; margin:0; padding:0; font-family: Tahoma, sans-serif;}
        
table {border-collapsecollapseborder-spacing0margin:0padding:0;}
        td
tr { margin:0padding:0;}
        a {color
#1079a5; font-weight: bold;}
        
a:hovera:focus {color#1079a5; font-weight: bold; text-decoration:underline;}
        
p {margin-top2pxmargin-bottom2pxpadding0line-height130%;}

        
@media only screen and (max-width640px)  {
                        body[yahoo] 
.deviceWidth {width:440px!importantpadding:0;}
                        body[yahoo] 
.center {text-aligncenter!important;}
                }

        
@media only screen and (max-width479px{
                        body[yahoo] 
.deviceWidth {width:280px!importantpadding:0;}
                        body[yahoo] 
.center {text-aligncenter!important;}
                }

    
</style>
</
head>

<
body  style="font-family: Tahoma, sans-serif">

<!-- 
Wrapper -->
<
table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
    <
tr>
        <
td width="100%" valign="top" bgcolor="#ffffff" style="padding-top:10px">

            <!-- 
Start Online Link -->
            <
table width="580" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth" style="margin: 0 auto;">
                <
tr>
                    <
td width="100%" bgcolor="#ffffff" style="text-align: center; font-size: 12px; color: #444444; padding-bottom: 5px; padding-top:0; padding-left:0; padding-right:0; margin: 0;" >
                        <
p>
                            
Hier gehts zur <a href="">Online Ansicht! </a>
                          </
p

                    </
td>
                </
tr>
            </
table><!-- End Header -->

            <!-- 
Header Image One Column -->
            <
table width="580"  class="deviceWidth" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" style="margin:0 auto;">
                <
tr>
                    <
td valign="top" style="padding:0" bgcolor="#ffffff">
                        <
a href="#"><img  class="deviceWidth" src="http://admin.bestquestions.com/bestquestions/media/download/26821" alt="" border="0" style="display: block;" /></a>
                    </
td>
                </
tr>
                
                <!-- 
Überschrift -->
                <
tr>
                    <
td style="font-size: 18px; color: #be0021; font-weight: bold; line-height: 24px; text-align: left; font-family: Tahoma, Arial, sans-serif;  vertical-align: top; padding: 25px 0px 0px 0px;" bgcolor="#ffffff">

                      <
p style="">Einladung zur Buchpräsentation von Branko Milanović <br>
                      Die 
ungleiche Welt
                        </
p>

                    </
td>
                </
tr
                
                <!-- 
Untertitel -->
                <
tr>
                    <
td style="font-size: 14px; color: #be0021; font-weight: bold; line-height: 18px; text-align: left; font-family: Tahoma, Arial, sans-serif;  vertical-align: top; padding: 3px 0px 0px 2px;" bgcolor="#ffffff">

                      <
p style="">Migrationdas Eine Prozent und die Zukunft der Mittelschicht.</p>

                    </
td>
                </
tr
                
                
                
                
            </
table>
            
        
        

        </
td>
    </
tr>
</
table> <!-- End Wrapper -->


</
body>
</
html
Image Attachments
testfile_android-5-1-2016-12-09.png