Headerbild Ausrichtung nicht richtig nach oben div-Container auf dem iPhone (6s) E-Mails

Notice that the image isn't flushed to the top, instead it has a gap. It looks fine on all emails, but on iPhones I'm getting this to happen. How can I fix this on iPhone emails?Headerbild Ausrichtung nicht richtig nach oben div-Container auf dem iPhone (6s) E-Mails

Hier ist der inlined Code für den Container Divs:

<!DOCTYPE html> 
<html> 
<head> 
<meta name="x-apple-disable-message-reformatting"> 
<meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1" /> 

</head> 

<body style="padding:0;"> 

<div class="email-background" style="background: #eee;padding: 10px;"> 

<div class="email-container" style="max-width: 600px;background: white;background-image: url(body_textur_bkg.jpg);font-family: Helvetica, sans-serif; margin: 0 auto; overflow: hidden; border-radius: 5px; display:block; padding: 0px;"> 

    <a href="https://www.youtube.com/"> 
<img src="thankyou_header_link.jpg" style=" max-width:100%;vertical-align: top;"></a> 

<h1 class="name" style="margin: 40px;font-size: 25px;text-align: left;color: #666;line-height: 1.5;"> 
[CANDIDATE_NAME],.....

Nicht sicher, ob Sie den Rest brauchen der Code, aber ich kann bei Bedarf posten.

Quelle

2017-02-24 Ramon Ruiz

Welches Bild werden Sie nicht ausrichten? Die abgerundete Kante eines? – Syfer

Ja, das Bild mit dem Titel thankyou_header_link.jpg –

Das Bild nicht ausgerichtet ist das Feature Bild in blau. Ich möchte, dass es nach oben ausgerichtet wird und keinen weißen Leerraum hat. –

dieses Stück Code Versuchen Sie, um zu sehen, ob es es behebt:

<!DOCTYPE html> 
<html> 
<head> 
<meta name="x-apple-disable-message-reformatting"> 
<meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1" /> 

</head> 

<body style="padding:0;"> 

<div class="email-background" style="background: #eee;padding:0px 10px;"> 

<div class="email-container" style="max-width: 600px;background: white;background-image: url(body_textur_bkg.jpg);font-family: Helvetica, sans-serif; margin: 0 auto; overflow: hidden; border-radius: 5px; display:block; padding: 0px;"> 

    <a href="https://www.youtube.com/"> 
<img src="thankyou_header_link.jpg" style=" max-width:100%;vertical-align: top;border:0px; display:block;"></a> 

<h1 class="name" style="margin: 40px;font-size: 25px;text-align: left;color: #666;line-height: 1.5;"> 
[CANDIDATE_NAME],.....

Lassen Sie mich wissen, ob es es behebt.

Prost

Quelle

2017-02-28 22:46:45 Syfer

Headerbild Ausrichtung nicht richtig nach oben div-Container auf dem iPhone (6s) E-Mails

Antwort

Verwandte Themen