Hallo,
Ik wist niet waar dit te plaatsen, aangezien dit met HTML en PHP, Javascript, CSS te maken heeft, en met een stukje 'algemeen denken ;)'
Ik zit met een probleem, ik heb een webpagina waarin diverse objecten staan (http://www.wingsofadove.nl/print.html) de inhoud is dynamisch, de grootte en positie. De hele pagina is dynamisch.
Elk stukje content heeft zijn eigen div, waarvan de hoogte, breedte, positie uit de datbase wordt gehaald, en deze wordt gekoppeld aan die div. Elke div is in het systeem zelf versleepbaar, dus deze moet op position:absolute staan.
So far so good.... maar.. nu is het de bedoeling dat de pagina geprint kan worden excact zoals hij op het scherm staat.
Nu kan ik dit gewoon printen, maar dan krijg ik overal koptekstjes en urls en weet ik het wat de browser er bij een printje allemaal bijgooid. Ook is de margin veel te hoog, en mis ik dus content.
Ook moeten de 'paginabreaks' dus wanneer een nieuwe pagina begint instelbaar zijn. Aangezien er meerdere paginas kunnen worden gemaakt in het systeem. En als 1 pagina erg kort is, moet de andere er niet onder beginnen, maar moet deze op een nieuwe pagina beginnen.
---
Om het op te lossen zat ik er aan te denken om de pagina naar .PDF bestanden om te zetten, maar helaas, de omzetters die er bestaan ondersteunen ook geen position:absolute.
Als laatste zat ik er aan te denken om van de pagina via PHP eerst een image te maken, en deze dan uit te printen of naar PDF te genereren. Maar ik heb geen idee of dat wel gaat lukken.
Het genereren van het plaatje moet opzich wil lukken (denk ik?), maar als ik er dan een PDF van maak weet ik niet of ik precies 1 groot plaatje per PDF pagina in kan vullen.
Ook heb ik geprobeert om via CSS met een aparte stylesheet voor de printer (media="print") alles in te stellen, maar dit werkte ook niet.
---
Al met al, wat is de beste manier om een website uit te laten printen (Deze website, waar dus position:absolute; in voorkomt) zodat het precies overeenkomt met hoe het op het scherm staat.
Ik wist niet waar dit te plaatsen, aangezien dit met HTML en PHP, Javascript, CSS te maken heeft, en met een stukje 'algemeen denken ;)'
Ik zit met een probleem, ik heb een webpagina waarin diverse objecten staan (http://www.wingsofadove.nl/print.html) de inhoud is dynamisch, de grootte en positie. De hele pagina is dynamisch.
Elk stukje content heeft zijn eigen div, waarvan de hoogte, breedte, positie uit de datbase wordt gehaald, en deze wordt gekoppeld aan die div. Elke div is in het systeem zelf versleepbaar, dus deze moet op position:absolute staan.
So far so good.... maar.. nu is het de bedoeling dat de pagina geprint kan worden excact zoals hij op het scherm staat.
Nu kan ik dit gewoon printen, maar dan krijg ik overal koptekstjes en urls en weet ik het wat de browser er bij een printje allemaal bijgooid. Ook is de margin veel te hoog, en mis ik dus content.
Ook moeten de 'paginabreaks' dus wanneer een nieuwe pagina begint instelbaar zijn. Aangezien er meerdere paginas kunnen worden gemaakt in het systeem. En als 1 pagina erg kort is, moet de andere er niet onder beginnen, maar moet deze op een nieuwe pagina beginnen.
---
Om het op te lossen zat ik er aan te denken om de pagina naar .PDF bestanden om te zetten, maar helaas, de omzetters die er bestaan ondersteunen ook geen position:absolute.
Als laatste zat ik er aan te denken om van de pagina via PHP eerst een image te maken, en deze dan uit te printen of naar PDF te genereren. Maar ik heb geen idee of dat wel gaat lukken.
Het genereren van het plaatje moet opzich wil lukken (denk ik?), maar als ik er dan een PDF van maak weet ik niet of ik precies 1 groot plaatje per PDF pagina in kan vullen.
Ook heb ik geprobeert om via CSS met een aparte stylesheet voor de printer (media="print") alles in te stellen, maar dit werkte ook niet.
---
Al met al, wat is de beste manier om een website uit te laten printen (Deze website, waar dus position:absolute; in voorkomt) zodat het precies overeenkomt met hoe het op het scherm staat.