PHP почта, добавляющая фоновый цвет, не окрашивает другие теги div внутри - PullRequest
Новая
       6

PHP почта, добавляющая фоновый цвет, не окрашивает другие теги div внутри

0 голосов
/ 09 марта 2020

1

    $email = "***EMAIL RECIEVED***";
    include_once "PHPMailer/PHPMailer.php";
    $mail = new PHPMailer();
    $mail->setFrom('***EMAIL FROM***');
    $mail->addAddress($email);
    $mail->Subject = "MyWhiteCard Coupon Claimed!";
    $mail->isHTML(true);
    $mail->Body =
      "<body style='background-color: #fbedde; width:800px; text-align: center; margin-left: auto; margin-right: auto;'>
              <img src='cid:logo' width='40%' style='margin-left: auto; margin-right: auto; padding-top: 20px;'>
              <h1 style='color: #00a6a6; letter-spacing: 2px; margin-bottom: 0px; font-family: 'brandon_black';'>COUPON CLAIMED</h1>

           <div style='padding-top:30px; width: 400px;float:left;'>
              <img src='cid:coupon' width='85%' style='padding-left: auto; padding-right: auto; margin-bottom: 65px; border-radius: 2% !important; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);'>
           </div>

            <div style='padding-top: 15px; padding-bottom: 33px; width: 400px; float: left; text-align: left; color: #00a6a6'>
              <h3 style='font-weight: bold;'>Claimed By:</h3>
              <h2 style='letter-spacing: 1px; font-family: 'brandon_black';'>$usr_fname $usr_lname</h2>
              <h3 style='font-weight: bold;'>$usr_contact</h3>
              <h3 style='font-weight: bold;'>$usr_member</h3><br>
              <h3>Please proceed to</h3>
              <a href='https://www.mywhitecard.ph/cms' style='color: #00a6a6; text-decoration: underline;'>https://www.mywhitecard.ph/cms</a>
              <h3>for scheduling of member.</h3>
           </div>
        </body>";

    $mail->AddEmbeddedImage(dirname(__FILE__) . '***IMG LINK***','logo');
    $mail->AddEmbeddedImage(dirname(__FILE__) . '***IMG LINK***','coupon');
    $mail->send();

Прежде всего мне пришлось добавить все css в стиле = "", потому что я отправляю это по электронной почте PHP. Моя проблема в том, что у меня есть тег body с цветом фона, но два других тега div внутри них не окрашивают. Как это происходит?

1 Ответ

0 голосов
/ 09 марта 2020

Оба этих элемента плавают, поэтому они больше не влияют на высоту своих предков.

На обычной странице HTML, которая не приведет к эффекту, который вы видите, потому что это некоторая встроенная «магия», которая позволяет фону элемента body расти до полной высоты области просмотра, если элемент html не имеет собственного цвета фона, но в контексте, где ваша почта отображается позже. , это может отличаться.

Поэтому примените clearfix , чтобы получить body для этих двух элементов.

...