:first-child pseudo element is not recognized on Microsof IIS SErver, PHP 8.1.19 #3231

KeremArdicli · 2023-06-16T13:46:55Z

KeremArdicli
Jun 16, 2023

Below you can see the html code from that I am generating PDF. My css has td:first-child element selector on a table. This selector is working in my local setup which is Apache, PHP 8.1.17. However, when I deploy the code on production server which is Microsoft IIS, PHP 8.1.19 it is not working. here are the pics and the code.:

Local result:

Production result:

Here is the code:

<html lang="tr">

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <style>
        @page {
            margin: 0 auto;
        }

        img.bg-image {
            position: fixed;
            width: 210mm;
            height: 297mm;
            top: 0;
            left: 0;
            margin: 0;
            padding: 0;
            z-index: -1;
        }

        img.logo-image {
            position: absolute;
            top: -70px;
            right: 10px;
            max-width: 150px;
            max-height: 150px;
        }

        .page-break {
            position: fixed;
            top: 100px;
            width: 190mm;
            left: 10mm;
            page-break-after: always;
            font-family: Candara, "barlow", Calibri, sans-serif;
        }

        .page-break:last-child {
            page-break-after: never;
        }

        .baslik {
            text-align: center;
            font-size: 1.5em;
            font-weight: bold;
            color: #3c3c3d;
        }

        .odeme-detay {
            text-align: center;
            font-size: 1.4em;
            padding: 0;
            padding-top: 1rem;
            font-weight: bold;
            color: #c00000;
        }

        .bilgilendirme {
            padding: 6px 4px;
            margin-top: 2rem;
            background-color: #b1b1b1;
            color: #1f1b1b;
            font-size: 14px;
        }

        .bilgiler-tablosu {
            margin-bottom: 1.5rem;
        }

        .bilgiler-tablosu table {
            border-collapse: collapse;
            border-spacing: 2px;
            margin-bottom: 0.5rem;
            font-size: 14px;
        }

        .bilgiler-tablosu td {
            text-align: left;
            border: 1px solid #272727;
            padding: 2px 5px;
        }

        .bilgiler-tablosu td:nth-child(odd) {
            font-size: 14px;
            color: #c00000
        }

        .butce-tablolari table {
            border-collapse: collapse;
            border-spacing: 2px;
            margin-bottom: 0.75rem
        }

        .butce-tablolari thead {
            font-size: 14px;
            background-color: #5d5d5d;
            color: #fff
        }

        .butce-tablolari th {
            text-align: left;
            border-bottom: 1px solid #ffffff;
            border-right: 1px solid #ffffff;
            padding: 2px 5px;
        }

        .butce-tablolari td {
            font-size: 14px;
            text-align: left;
            border-bottom: 1px solid #5d5d5d;
            border-right: 1px solid #5d5d5d;
            padding: 2px 5px;
        }

        .butce-tablolari th:last-child,
        .butce-tablolari td:last-child {
            border-right: none;
        }

        .butce-toplam td {
            font-size: 14px;
            padding: 4px 2px;
            font-weight: bold;
            text-align: right
        }

        .butce-toplam td:nth-child(3n+1) {
            background-color: #5d5d5d;
            color: #ffffff;
        }

        .butce-toplam td:nth-child(3n+2) {
            border: 1px solid #8b8a8a;
        }

        .banka-bilgileri {
            margin-top: 2rem;
        }

        .banka-bilgileri td {
            padding: 2px 4px;
        }

        .banka-bilgileri table td:first-child {
            font-size: 14px;
            background-color: gray;
            color: #ffffff;
            text-align: right;
        }

        .banka-bilgileri table td:nth-child(2n) {
            font-size: 14px;
            color: #000000;
            text-align: left;
            border: 1px solid #000000;
        }

        .banka-bilgileri table tr:first-of-type td {
            text-align: center;
            font-weight: bold
        }
    </style>
</head>

<body>
    <main>
        <!-- 1. Sayfa -->
        <div class="page-break">
            <div>
                <img class="bg-image" src="./vendor/dompdf/dompdf/lib/res/bg2.png">
            </div>
            <div>
                <img class="logo-image" src="./vendor/dompdf/dompdf/lib/res/En Güncel Versiyon_logo.jpeg">
            </div>
            <h3 class="baslik"><em>Sponsorluk Bütçesi</em></h3>

            <div class="bilgiler-tablosu">
                <table class="tg" width="100%">
                    <tbody>
                        <tr>
                            <td>TALEP EDEN FİRMA</td>
                            <td colspan="3">ödeme günleri ile deneme</td>
                        </tr>
                        <tr>
                            <td width="25%">YETKİLİ KİŞİ</td>
                            <td width="28%">developer</td>
                            <td width="20%">E-POSTA ADRESİ</td>
                            <td width="27%">keremardicli@plazaevent.com.tr</td>
                        </tr>
                        <tr>
                            <td>TELEFON NUMARASI</td>
                            <td>5339138121</td>
                            <td>BÜTÇE TARİHİ</td>
                            <td>2023-06-15</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="butce-tablolari">
                <table width='100%'>
                    <thead>
                        <tr>
                            <th width='30%'>Kayıt Hizmeti</th>
                            <th width='5%'>Adet</th>
                            <th width='12%'>Birim Fiyatı</th>
                            <th width='8%'>KDV</th>
                            <th width='15%'>KDV Hariç Tutar</th>
                            <th width='15%'>KDV Tutarı</th>
                            <th width='15%'>Toplam Tutar</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Dernek Üyesi Hekim</td>
                            <td>1</td>
                            <td>5.000,00₺</td>
                            <td>%18</td>
                            <td>5.000,00₺</td>
                            <td>900,00₺</td>
                            <td>5.900,00₺</td>
                        </tr>
                    </tbody>
                </table>
                <table width='100%'>
                    <thead>
                        <tr>
                            <th width='30%'>Kayıt Hizmeti</th>
                            <th width='5%'>Adet</th>
                            <th width='12%'>Birim Fiyatı</th>
                            <th width='8%'>KDV</th>
                            <th width='15%'>KDV Hariç Tutar</th>
                            <th width='15%'>KDV Tutarı</th>
                            <th width='15%'>Toplam Tutar</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Tek Kişilik Konakalama</td>
                            <td>1</td>
                            <td>7.500,00₺</td>
                            <td>%8</td>
                            <td>7.500,00₺</td>
                            <td>600,00₺</td>
                            <td>8.100,00₺</td>
                        </tr>
                    </tbody>
                </table>
                <table width='100%'>
                    <thead>
                        <tr>
                            <th width='30%'>Kayıt Hizmeti</th>
                            <th width='5%'>Adet</th>
                            <th width='12%'>Birim Fiyatı</th>
                            <th width='8%'>KDV</th>
                            <th width='15%'>KDV Hariç Tutar</th>
                            <th width='15%'>KDV Tutarı</th>
                            <th width='15%'>Toplam Tutar</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Tek Yön</td>
                            <td>1</td>
                            <td>75,00€</td>
                            <td>%18</td>
                            <td>75,00€</td>
                            <td>13,50€</td>
                            <td>88,50€</td>
                        </tr>
                    </tbody>
                </table>
                <table width='100%'>
                    <thead>
                        <tr>
                            <th width='30%'>Kayıt Hizmeti</th>
                            <th width='5%'>Adet</th>
                            <th width='12%'>Birim Fiyatı</th>
                            <th width='8%'>KDV</th>
                            <th width='15%'>KDV Hariç Tutar</th>
                            <th width='15%'>KDV Tutarı</th>
                            <th width='15%'>Toplam Tutar</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Standa Alanı (6m2)</td>
                            <td>1</td>
                            <td>25.000,00₺</td>
                            <td>%18</td>
                            <td>25.000,00₺</td>
                            <td>4.500,00₺</td>
                            <td>29.500,00₺</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <h1 class="odeme-detay"><em>Ödeme Detayları</em></h1>
            <div class="butce-toplam">
                <table width="100%">
                    <tbody>
                        <tr>
                            <td width="25%">Toplam Tutar TL</td>
                            <td width="18%">37.500,00</td>
                            <td width="17%"></td>
                            <td width="25%">Toplam Tutar EUR</td>
                            <td width="18%">75,00</td>
                        </tr>
                        <tr>
                            <td>Toplam KDV Tutarı TL</td>
                            <td>6.000,00</td>
                            <td></td>
                            <td>Toplam KDV Tutarı EUR</td>
                            <td>13,50</td>
                        </tr>
                        <tr>
                            <td>Genel Toplam Tutar TL</td>
                            <td>43.500,00</td>
                            <td></td>
                            <td>Genel Toplam Tutar EUR</td>
                            <td>88,50</td>
                        </tr>
                        <tr>
                            <td>Yapılan Ödeme TL</td>
                            <td>0,00</td>
                            <td></td>
                            <td>Yapılan Ödeme EUR</td>
                            <td>0,00</td>
                        </tr>
                        <tr>
                            <td style="background-color: #e59696; color: #000000;">Kalan Ödeme TL</td>
                            <td style="color: #9d2c2c;">43.500,00</td>
                            <td></td>
                            <td style="background-color: #e59696; color: #000000;">Kalan Ödeme EUR</td>
                            <td style="color: #9d2c2c;">88,50</td>
                        </tr>
                    </tbody>
                </table>
                <span><em>*** EURO yapılan ödemelerde, ödemenin yapıldığı güne ait olan merkez bankası efektif satış
                        kuru baz alınır!</em></span>
            </div>
        </div>
        <!-- 1. Sayfa Sonu -->

        <!-- 2. Sayfa -->
        <div class="page-break">
            <div>
                <img class="bg-image" src="./vendor/dompdf/dompdf/lib/res/bg2.png">
            </div>
            <div>
                <img class="logo-image" src="./vendor/dompdf/dompdf/lib/res/En Güncel Versiyon_logo.jpeg">F
            </div>


            <div class="bilgilendirme">
                <span><em><strong>Bilgilendirme:</strong></em><br></span>
                <span>ödeme günleri ekleme testi</span>
            </div>

            <div class="banka-bilgileri">
                <table width="100%">
                    <tbody>
                        <tr>
                            <td colspan="2" align="center">BANKA HESAP BİLGİLERİ</td>
                        </tr>
                        <tr>
                            <td width="40%">Banka Adı</td>
                            <td width="60%">HALK BANKASI</td>
                        </tr>
                        <tr>
                            <td>Şube Adı ve Kodu</td>
                            <td> İZMİR YOLU SANAYİ ŞUBE - 1307</td>
                        </tr>
                        <tr>
                            <td>Hesap Adı</td>
                            <td>PLAZA EVENT KONGRE ORGANİZASYON TUR. SAN. VE TİC. AŞ.</td>
                        </tr>
                        <tr>
                            <td>IBAN (TL)</td>
                            <td>TR78 0001 2001 3070 0010 1009 18</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- 2. Sayfa Sonu -->
    </main>
</body>

</html>

bsweeney · 2023-06-16T20:22:25Z

bsweeney
Jun 16, 2023
Maintainer

There are definite visual differences in the styling. Are you rendering the exact document you posted (e.g., you didn't inline some external references)? Are you uploading Dompdf itself from local to remote? That shouldn't impact style processing, unless the styling is in an external file and the reference breaks.

Also, which release of Dompdf are you using?

5 replies

KeremArdicli Jun 16, 2023
Author

Ah yes, they are the exact same output. The gray color is difference from my tests to see whether it is related with hex colors or not.

Code and styling is all on the same page. I render the html with PHP. This is the <pre> output of the $html.

I did upload dompdf from local to server.

Let me look at the version. I will edit this post shortly.

Edit: "dompdf/dompdf": "^2.0"

bsweeney Jun 16, 2023
Maintainer

I'd try re-installing Dompdf on the remote to see if that helps.

No PHP errors I take it. You can try enabling additional debug messaging to see if there's an error being swallowed.

KeremArdicli Jun 16, 2023
Author

Ok. Got it working now.

I tried debuggin and only thing it returned was "DOMDocument::loadHTML(): Tag main invalid in Entity, line: 91"

That got me thinking about the css specifity as my selector

.banka-bilgileri table td:first-child{}

I changed it to:

.banka-bilgileri table tbody tr td:first-child{}

And voila.... It is working now. Being specific seems necessary :)

bsweeney Jun 17, 2023
Maintainer

That's ... odd? Those are, in an abstract way, the same selector. Maybe an odd, non-space character got into your stylesheet somehow. You can check if that was the issue by retyping the original selector. Either way I'm glad you found a solution.

KeremArdicli Jun 17, 2023
Author

I wrote the code on vs code by my hand. I am not sure of a weird blank character but all is on GitHub repo. I will have look at and let you know.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

:first-child pseudo element is not recognized on Microsof IIS SErver, PHP 8.1.19 #3231

{{title}}

Replies: 1 comment 5 replies

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

Select a reply

:first-child pseudo element is not recognized on Microsof IIS SErver, PHP 8.1.19 #3231

KeremArdicli Jun 16, 2023

Replies: 1 comment · 5 replies

bsweeney Jun 16, 2023 Maintainer

KeremArdicli Jun 16, 2023 Author

bsweeney Jun 16, 2023 Maintainer

KeremArdicli Jun 16, 2023 Author

bsweeney Jun 17, 2023 Maintainer

KeremArdicli Jun 17, 2023 Author

KeremArdicli
Jun 16, 2023

Replies: 1 comment 5 replies

bsweeney
Jun 16, 2023
Maintainer

KeremArdicli Jun 16, 2023
Author

bsweeney Jun 16, 2023
Maintainer

KeremArdicli Jun 16, 2023
Author

bsweeney Jun 17, 2023
Maintainer

KeremArdicli Jun 17, 2023
Author