ugrás a tartalomhoz

Táblázat mögötti kép nyomtatása

halee · 2009. Ápr. 19. (V), 08.12
Sziasztok,

Egy érdekes problémára keresem a megoldást. Adott egy táblázat, ami mögött nyomtatásban egy háttérképet kéne megjeleníteni. Mivel a böngészők a háttereket nem nyomtatják, ezért úgy próbálkozom, hogy beteszek egy div-be egy képet, majd a táblázatot relatív pozicionálással rácsúsztatom. Ez a böngészőben még jó is lenne, de nyomtatásban a táblázatot csak részben jeleníti meg, illetve, ha újabb elemet kell kitennem az oldalra, akkor az a képet tartalmazó div magasságával lejjebb kerül (hiszen neki az az eredeti pozíciója és csak a felső táblát pozicionáltam - erre csináltam egy js-es workaround-ot, de ettől még a táblázat hiányos marad)

Erre a problémára valakinek valami alternatív megoldása?

A nagyon dummy gyorsan összedobott példa:
  1. <div><img src="image500px_600px.png" /></div>  
  2. <div style="position:relative; top:-600px;">  
  3. <table border="1">  
  4. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  5. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  6. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  7. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  8. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  9. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  10. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  11. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  12. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  13. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  14. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  15. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  16. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  17. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  18. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  19. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  20. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  21. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  22. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  23. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  24. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  25. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  26. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  27. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  28. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  29. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  30. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  31. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  32. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  33. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  34. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  35. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  36. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  37. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  38. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  39. <tr><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td><td>sélfhsdlh sdl ésldfj aélsdfj aéf éladfj alédskfjl</td></tr>  
  40. </table>  
  41. </div>  
  42. <div style="border: 1px solid red;">következő elem</div>  
Előre is köszi,
Halee
‹ az újratöltés hibája Elmozdul a div-be helyezett kép, ha belinkelem ›
 ■