Позиция Абсолют на Mpdf Картик не работает ⇐ Php

[Anonymous]

Продолжение вопроса Yii2 mPdf Kartik: установка высоты и ширины бумаги

У меня проблема с абсолютным положением ширины в нижнем колонтитуле страницы.


Я установил позицию: абсолютную; и внизу: 0;
Но нижний колонтитул страницы не находится на фактическом месте.
Положение должно быть таким:



это мой HTML-код:

Код: Выделить всё

    










[b]COMPANY NAME[/b]
[b]PROFORMA INVOICE[/b]



NO. PO
:







COMPANY ADDRESS















COMPANY PHONE


NPWP




SALESMAN
:



NOTICE
:








Kepada YTH











Phone    


























KODE#
PRODUK
QUANTITY
PRICE
DISC
SUB TOTAL

































[b][/b]



Cetakan ke
:


Sub Total
:



Total Pcode
:


Disc Inv
:



Point
:


DPP
:




PPN
:




[b]TOTAL[/b]
:
[b][/b]











Admin SPV Gudang Pengirim Outlet
Produck yang sudah diterima harap diperiksa kembali
----------------------------------------------------
----------------------------------------------------





User
:



Printed
:



on
:

А это мой CSS-код:

Код: Выделить всё

/** page layout */
.page-wrapper {
height: 13.6cm;
width: 21.2cm;
}
.page-layout {
height: 13.6cm;
width: 21.2cm;
}
.page-footer {
bottom: 0;
position: absolute;
}
/** end page layout */
/** table style */
.table-header {
width: 100%;
}
.table-header tbody tr td {
padding-bottom: 0;
padding-top: 0;
vertical-align: text-bottom;
}
.table-header tbody tr td p {
margin: 0;
}
.table-header tbody tr td table {
width: 100%;
}
.table-header tbody tr td table tbody tr td.grid-1 {
width: 20%;
}
.table-header tbody tr td table tbody tr td.grid-2 {
width: 80%;
}
.table-content {
font-family: 'Couriere';
width: 100%;
}
.table-content thead tr th {
border-bottom: 1px dashed #000;
font-size: 12px;
font-weight: 300;
text-align: center;
}
.table-content tbody tr td {
font-size: 12px;
padding-bottom: 0;
padding-top: 0;
}
.table-footer {
width: 100%;
}
.table-footer tbody tr td {
padding-bottom: 0;
padding-top: 0;
position: relative;
}
.table-footer tbody tr td p {
margin: 0;
}
.table-footer tbody tr td.grid-1 {
vertical-align: text-bottom;
width: 70%;
}
.table-footer tbody tr td.grid-2 {
width: 30%;
}
.table-footer tbody tr td.money {
padding-left: 40px;
}
.table-footer tbody tr td table {
width: 100%;
}
/** end table style */
/** custom child */
.font9 {
font-size: 9px;
}
.font10 {
font-size: 10px;
}
.font11 {
font-size: 11px;
}
.font12 {
font-size: 12px;
}
.font14 {
font-size: 14px;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.color-white {
color: #fff;
}
/** end custom child */

Может быть, кто-то сталкивался с этим, надеюсь, этому можно помочь.

Подробнее здесь: https://stackoverflow.com/questions/537 ... ot-working