div position absolute dans td - Page 1

1

Le 13/09/2011 à 14:31

Bonjour à tous et un grand merci aux développeurs de html2pdf qui est une source géniale et à ceux qui maintiennent ce forum ou j'ai déjà trouvé beaucoup de réponses!

J'ai réalisé il y a quelques temps un planning semaine (php / html), je cherche aujourd'hui à le transformer en pdf, mais je n'y arrive pas.

Je veux en fait tout simplement cacher une partie de mon tableau avec une div, mais je doit mal m'y prendre, car elle ce retrouve toujours en haut de la page.

En aperçu (restitution html) ça fonctionne mais pas lors du passage en pdf.

Pour être plus concret, je mets ci-dessous un exemple de ce que je veux faire.


<table cellpadding="0" cellspacing="0">
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000">
    <div style="position:absolute; width:100mm; height:50mm; background-color:#9FF">test de texte</div>
    </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
  <tr>
    <td style="width:100mm;border:solid 1px #000"> </td>
  </tr>
</table>

Merci d'avance pour votre aide.

2

Le 13/09/2011 à 16:28

il faut mettre ton TD contenant ta DIV en "position: relative" car sinon ta DIV se positionne par rapport à la page.

bibeu (./1) :
merci aux développeurs de html2pdf

ben en fait, tu peux le mettre au singulier, y a que moi

et je répondrais par un grand merci à tous ceux qui l'utilisent et le font connaître via leurs blogs, articles et autres

la communauté grandit de jour en jour !

Ancien pseudo : lolo