Problem mit HTML Darstellung in Mails

Push-Nachrichten von MacTechNews.de

Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?

Forum>Entwickler>Problem mit HTML Darstellung in Mails

justanothermacianer13.02.1020:16

Hallo Forum

ich habe folgendes Problem:

Für unsere Jugendgruppe möchte ich einen Newsletter erstellen und diesen per Apple Mail versenden.
Dabei wollte ich ein Bild aus Photoshop als Hintergrund einfügen, darüber dann die eigentliche Nachricht.
Der Code sieht folgendermaßen aus :

<html>
    <head>
    <style type="text/css">

    body {
        display: block;
        position: fixed;
        background-repeat: no-repeat;
        background-image: url(http://web.me.com/daniel.steinmetz/Website/Leer_files/gcllogo2.png);
        background-attachment: fixed;


    }

    .all {
    bottom: 200px;
    left: 200px;
    width: 450px;
    height: 500px;
    position: absolute;
    top:150px;
    right: 390px;



    }

    .all h3 {
        top: 100px;
        font-family: Arial;
        color: #2468b8;
    }

    .header {
    font-weight: bold;
    font-family: Arial;
    color: #2468b8;
    text-align: center;
    height: 100px;
    border-left-color: #d6d6d6;
    top: 25px;
    position: absolute;
    left: 250px;
    width: 200px;
    border-left: dotted 1px;

    }

    .content {
        font-family: Verdana;
        border-top-color: black;
        border-top: dotted 1px;
        width: 400px;
        position: absolute;
        top: 150px;
        height: 500px;
    }

    .header hr {
        border-color: #c6d0ce;
        border-style: dotted;
    }

    }

    </style>
        <title>GCL Newsletter</title>
    </head>
    <body>

    <div class="all">
    <h3>J-GCL OG Lioba</h3>
    <div class="header">
    Aktuell
    <hr />
    Termin für die nächste Leiterrunde
    </div>
    <div class="content">
    <br><br>
Hallo
<br>
    Lorem ipsum bla bla Lückenfüller

    </div>
    </div>


    </body>
</html>

Wenn ich das ganze nun aber per Apple Mail versende kommt es zu folgendem Problem:
1) Die blaue Schrift aus .all h3 und .header wird beim scrollen mitgezogen. Mir ist klar das das am position: absolute Tag liegt, wenn ich das aber umstelle, wird das Hintergrundbild nicht mehr geladen
2) Folgendes Szenario: Man erhält die obige Mail und verbreitert sein Mail Fenster. Dann kommt es zum absoluten Gau, die Nachricht wird durchgeschnitten, man sieht nur noch den oberen Teil des Bildes dann kommt nur noch ein weißer Block, die Nachricht fehlt.

Könnte mir irgendjemand einen Tip geben, was ich ändern muss um eine halbwegs zuverlässige Darstellung hinzukriegen ?

Oder gehe ich die Sache komplett falsch an ?
Danke

„Mac vs PC debates make me want to throw up. Does your OS of choice work for you? Great, problem solved!“

Kommentare

Es sind keine Einträge vorhanden.
Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.

Kurz: Mexico verklagt Google wegen "Gulf of Ame...

iOS 18.4, iPadOS 18.4 und weitere Updates ersch...

AirTags 2 voraus? Eindeutige Hinweise im Code v...

Apple-Legende Bill Atkinson gestorben

iPhone 17 Air: Angeblich zahlreiche weitere Det...

Amazon testet Gebühren für verpackte Retouren

Vor 20 Jahren: Intel-Umstieg angekündigt

Die WWDC 2025 beginnt am Montag: Wichtige Ankün...