This is how my layout works: it works fine for the header but don't work inside page div. I have tried removing page div too...

<t t-call="web.html_container">
<t t-foreach="docs" t-as="o">
<t t-if="not o" t-set="o" t-value="doc"/>

<t t-if="not company">

<t t-if="company_id">
<t t-set="company" t-value="company_id"/>
t>
<t t-elif="o and 'company_id' in o and o.company_id.sudo()">
<t t-set="company" t-value="o.company_id.sudo()"/>
t>
<t t-else="else">
<t t-set="company" t-value="res_company"/>
t>
t>
<div t-attf-class="header o_company_#{company.id}_layout" t-att-style="report_header_style">
<div class="row">
<div class="col-auto col-3 mw-100 mb-2">
<img t-if="company.logo" t-att-src="image_data_uri(company.logo)" style="max-height: 45px;" alt="Logo"/>
<div class="col-9 text-end" style="margin-top:22px;" t-field="company.report_header" name="moto"/>
div>

<div class="col-auto col-3 mw-100 mb-2" >
<div style="border-bottom-style: dotted; font-size: small;">
<strong>Invoice Reference Number:strong>
<span t-field="o.name"/>
<strong>رقم الفاتورةstrong>
div>
<div style="border-bottom-style: dotted; font-size: small;">
<strong>Supply Date:strong>
<span t-field="o.create_date"/>
<strong>اإلصدار تاريخstrong>
div>
div>

 

<div class="page">
<div class="oe_structure"/>

<div style="text-align: center;">
<span><strong>TAX INVOICE / فاتورة الضريبةstrong>span>
div>

Hi,
Move the content inside the web.html_container and see if it makes any difference

Thanks