title: Integration header, content, footer in html2pdf
body: <p>I made a html page and then I converted to PDF format through the library html2pdf.</p>
  
  <p>code : </p>
  
  <pre><code>&lt;?php 
        require('../admin/html2pdf/html2pdf.class.php');
          ob_start();
  ?&gt;
  
   &lt;page&gt; 
      &lt;page_header&gt; 
  &lt;br&gt;
  &lt;table&gt;
      &lt;tr class="headings"  style="background-color: #FFFFFF;"&gt;
               &lt;th class="column-title"&gt;Home&lt;/th&gt;
               &lt;th class="column-title"&gt;&lt;h3&gt;web site&lt;/h3&gt;&lt;/div&gt;&lt;/th&gt;
               &lt;th class="column-title"&gt;Home&lt;/th&gt;
      &lt;/tr&gt;                              
  &lt;/table&gt;
  &lt;/page_header&gt; 
  &lt;page_footer&gt; 
  &lt;div&gt;
  &lt;TABLE BORDER = "1" id="table2"&gt;
      &lt;TR style="background-color: #f2f2f2;"&gt;
          &lt;TH COLSPAN=3 style="width: %;text-align: center;"&gt;Footer&lt;/TH&gt;
          &lt;TH COLSPAN=3 style="width: %;text-align: center"&gt;Copyright &lt;/TH&gt;
          &lt;TH COLSPAN=3 style="width: %;text-align: center"&gt;Copyright &lt;/TH&gt;
      &lt;/TR&gt;
      &lt;TR&gt;
          &lt;TD &gt;test&lt;/TD&gt; &lt;TD&gt;test&lt;/TD&gt;&lt;TD&gt;test&lt;/TD&gt; &lt;TD&gt;test&lt;/TD&gt; &lt;TD&gt;test&lt;/TD&gt; &lt;TD&gt;test&lt;/TD&gt;&lt;TD&gt;test&lt;/TD&gt; &lt;TD&gt;test&lt;/TD&gt; &lt;TD&gt;test&lt;/TD&gt;
      &lt;/TR&gt;
  
  &lt;/TABLE&gt;
  &lt;/div&gt;
  &lt;/page_footer&gt; 
  &lt;/page&gt; 
  
  **Content :** 
  &lt;div style="" id="table1" class="content"&gt;  
  &lt;table&gt;
  
      &lt;tr class="headings"  style="background-color: #f2f2f2;"&gt;
                                      &lt;th class="column-title" style="width: 0px"&gt;firstname&lt;/th&gt;
                                      &lt;th class="column-title" style="width: 80px"&gt;lastname&lt;/th&gt;
                                      &lt;th class="column-title" style="width: 80px"&gt;mail&lt;/th&gt;
                                      &lt;th class="column-title" style="width: 80px"&gt;phone&lt;/th&gt;
                                      &lt;th class="column-title" style="width: 80px"&gt;login&lt;/th&gt;
                                      &lt;th class="column-title" style="width: 80px"&gt;password&lt;/th&gt;
                                      &lt;th class="column-title" style="width: 80px"&gt;birthday&lt;/th&gt;
     &lt;/tr&gt;
  
                                      &lt;tbody&gt;
  
  
                                      &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname1&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname1&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail1&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone1&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login1&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password1&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday1&lt;/p&gt;&lt;/td&gt;
                                        &lt;/tr&gt;
                                &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname2&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname2&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail2&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone2&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login2&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password2&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday2&lt;/p&gt;&lt;/td&gt;
                                        &lt;/tr&gt;
                                &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname3&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname3&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail3&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone3&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login3&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password3&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday3&lt;/p&gt;&lt;/td&gt;
                                        &lt;/tr&gt;
                               &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname4&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname4&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail4&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone4&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login4&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password4&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday4&lt;/p&gt;&lt;/td&gt;
                                        &lt;/tr&gt;
                                &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname5&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname5&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail5&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone5&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login5&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password5&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday5&lt;/p&gt;&lt;/td&gt;
                                        &lt;/tr&gt;
                                &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname6&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname6&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail6&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone6&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login6&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password6&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday6&lt;/p&gt;&lt;/td&gt;
                                        &lt;/tr&gt;
                                &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname7&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname7&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail7&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone7&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password7&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password7&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday7&lt;/p&gt;&lt;/td&gt;
                                        &lt;/tr&gt;
                                &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname8&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname8&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail8&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone8&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login8&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password8&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday8&lt;/p&gt;&lt;/td&gt;
                                        &lt;/tr&gt;
                                &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname9&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname9&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail9&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone9&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login9&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password9&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday9&lt;/p&gt;&lt;/td&gt;
                                &lt;/tr&gt;
                                &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname10&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname10&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail10&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone10&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login10&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password10&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday10&lt;/p&gt;&lt;/td&gt;
                                &lt;/tr&gt;
                                &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname11&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname11&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail11&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone11&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login11&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password11&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday11&lt;/p&gt;&lt;/td&gt;
                                &lt;/tr&gt;
                                &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname12&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname12&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail12&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone12&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login12&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password12&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday12&lt;/p&gt;&lt;/td&gt;
                                &lt;/tr&gt;
  
                               &lt;tr class="even pointer"&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;firstname13&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;lastname13&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;mail13&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;phone13&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;login3&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;password13&lt;/p&gt;&lt;/td&gt;
                                          &lt;td class=" "&gt;&lt;p style=""&gt;birthday13&lt;/p&gt;&lt;/td&gt;
                                &lt;/tr&gt;
  
  
  
  
  
  
  
  
                                  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;?php
      $content = ob_get_clean(); // récupère tout le contenu depuis ob_start()
      // ou $content = ob_get_clean() ça fonctionne également;
      $pdf = new HTML2PDF('P', 'A4', 'fr');
      $pdf-&gt;pdf-&gt;SetDisplayMode('fullpage');
      $pdf-&gt;writeHTML($content);
       ob_clean();
      $pdf-&gt;Output('test.pdf');
  ?&gt;
  </code></pre>
  
  <p>it works very well at the conversion.but my problem in data display.there is a bad organization at the header and the footer.As you see in this picture :</p>
  
  <p><a href="http://i.stack.imgur.com/dTQ8C.png" rel="nofollow">enter image description here</a></p>