I’m encountering a problem with page breaks while printing an HTML document using a printDiv() function triggered by a button. The content overlaps or doesn’t break correctly between sections, causing formatting issues.
I’ve tried adjusting margins and page size using CSS @page rules, but the issue persists. Here’s the snippet I used for adjusting margins:
i am facing the issue. where i am not able to use page break in this code i am using laravel. can any one help me in this issue i am trying it for 3 to 5 days. Thanks.
What adjustments should I make to ensure that each section () in printableArea starts on a new page when printing? Are there specific CSS properties or print-specific adjustments I should consider to resolve this issue?
{{-- Header Section --}}
<div class="row">
</div>
{{-- Logo Section --}}
@if ($layoutSetting->logo != 'off')
<div class="col-md-12">
</div>
@endif
<div class="row printBody">
{{-- Document Id and Date/Time --}}
<div class="col-md-4 mt-5">
</div>
{{-- Subject , To and info section --}}
<div class="col-md-12">
</div>
{{-- Document Content section --}}
<div class="col-md-12" ><br><br>
</div>
{{-- Reference File Links section --}}
<div class="col-md-12"><br><br>
</div>
{{-- E Sign and QR code section --}}
<div class="col-md-12">
</div>
</div>
</div>