jak ustawić elementy w generatorze MPDF?

pytanie zadane 23 kwietnia 2020 w PHP przez damianos123 Nowicjusz (180 p.)

Cześć.

Piszę konwerter dokumentów PDF. Mam problem z ustawieniem div'ów, mianowicie chciałbym, aby panel boczny był powielany na następnych stronach jak header czy fotter. W tym celu wrzuciłem go do header'a i wypozycjonowałem, chcę obok zamieścić diva z treścią, próbowałem skorzystać z float: left w css, ale to nie działa. Prawdopodobnie dlatego, że dla headera korzystam z funkcji $mpdf->SetHeader(); a dla content'u $mpdf->WriteHTML();. Próbowałem też content zrobić jako position: absolute, to ogólnie działa, ale tekst "nie przeskakuje" na drugą stronę. Możecie podpowiedzieć jakieś rozwiązanie?

Pozdrawiam

<?php
    $header.='
        <body ><div class="sidebar_contact">
                <div class="contact">
                    <div class="contact_section">
                        <div class="contact_icon">
               <img src=" /image/icon/adres_ikona.png"  class="img-fluid" width="50px" />
                        </div>
<p class="contact_text">'.$addresse_street.',<br>'.$addresse_post_code.' '. $addresse_city.'</p>
                    </div>
                </div>
            </div>
        </body>
        ';
        $mpdf->SetHeader($header);
?>

<?php
	$body.='
           <body>
		<div class="conntent_seperator">
			<div class="title_description">
				<h3 class="title">'.$subject.'</h3>
					<div class="descriptions">'.$description.'</div>
				</div>
			</div>
		</div>        
           </body>
		' ;
		$mpdf->WriteHTML($body, \Mpdf\HTMLParserMode::HTML_BODY);
?>

css

.sidebar_contact
{
	position: absolute;
	width: 220px; 
	padding-top: 170px;
	float: left;

}

.content
{

	position: absolute;
	right: 50px;
	top: 220px;
	margin-right:0.5cm;
	width: 500px; 
}

1 odpowiedź

odpowiedź 24 kwietnia 2020 przez Kasia C Obywatel (1,560 p.)

Może spróbuj content umieścić w tabeli z dwiema kolumnami, w pierwszej kolumnie panel boczny, a w drugiej główna zawartość. Mpdf na pewno lepiej radzi sobie właśnie z tabelkami niż z css-em i pozycjonowaniem absolutnym.

Drugi sposób - jeśli główna zawartość zawsze mieści się na jednej stronie to zawartość panelu bocznego przypisz do zmiennej i dołączaj do treści głównej każdej strony, kolejne strony twórz za pomocą $mpdf->AddPage. Jeśli chodzi o css to może zadziałają divy z display:inline-block lub float i ustawieniem width na 30% pasek boczny i 60% dla głównej zawartości.